mirror of https://github.com/portainer/portainer
123 lines
3.3 KiB
JavaScript
123 lines
3.3 KiB
JavaScript
const path = require('path');
|
|
const pkg = require('../package.json');
|
|
const { ProvidePlugin, IgnorePlugin, DefinePlugin } = require('webpack');
|
|
const HtmlWebpackPlugin = require('html-webpack-plugin');
|
|
const WebpackBuildNotifierPlugin = require('webpack-build-notifier');
|
|
const CleanTerminalPlugin = require('clean-terminal-webpack-plugin');
|
|
const MiniCssExtractPlugin = require('mini-css-extract-plugin');
|
|
const CleanWebpackPlugin = require('clean-webpack-plugin');
|
|
const LodashModuleReplacementPlugin = require('lodash-webpack-plugin');
|
|
const npmPackage = require('../package.json');
|
|
const projectRoot = path.resolve(__dirname, '..');
|
|
|
|
module.exports = {
|
|
entry: {
|
|
main: './app/__module.js',
|
|
},
|
|
output: {
|
|
filename: '[name].[hash].js',
|
|
path: path.resolve(projectRoot, 'dist/public'),
|
|
},
|
|
module: {
|
|
rules: [
|
|
{
|
|
test: /\.js$/,
|
|
exclude: /node_modules/,
|
|
use: [
|
|
'babel-loader',
|
|
'auto-ngtemplate-loader',
|
|
{
|
|
// enforce: 'pre',
|
|
loader: 'eslint-loader',
|
|
},
|
|
],
|
|
},
|
|
{
|
|
test: /\.html$/,
|
|
exclude: path.resolve(projectRoot, './app/index.html'),
|
|
use: [
|
|
{
|
|
loader: 'ngtemplate-loader',
|
|
options: {
|
|
relativeTo: projectRoot + '/',
|
|
},
|
|
},
|
|
{ loader: 'html-loader' },
|
|
],
|
|
},
|
|
|
|
{
|
|
test: /.xml$/,
|
|
use: 'file-loader',
|
|
},
|
|
{
|
|
test: /\.css$/,
|
|
use: [MiniCssExtractPlugin.loader, { loader: 'css-loader', options: { importLoaders: 1 } }, 'postcss-loader'],
|
|
},
|
|
],
|
|
},
|
|
plugins: [
|
|
new HtmlWebpackPlugin({
|
|
template: './app/index.html',
|
|
templateParameters: {
|
|
name: npmPackage.name,
|
|
author: npmPackage.author,
|
|
},
|
|
manifest: './assets/ico/manifest.json',
|
|
}),
|
|
new WebpackBuildNotifierPlugin({
|
|
title: 'Portainer build',
|
|
logo: path.resolve('./assets/favicon-32x32.png'),
|
|
suppressSuccess: true,
|
|
}),
|
|
new CleanTerminalPlugin(),
|
|
new ProvidePlugin({
|
|
$: 'jquery',
|
|
jQuery: 'jquery',
|
|
'window.jQuery': 'jquery',
|
|
'window.moment': 'moment',
|
|
moment: 'moment',
|
|
'window.jsyaml': 'js-yaml',
|
|
jsyaml: 'js-yaml',
|
|
}),
|
|
new MiniCssExtractPlugin({
|
|
filename: '[name].[hash].css',
|
|
chunkFilename: '[name].[id].css',
|
|
sourceMap: true,
|
|
}),
|
|
new CleanWebpackPlugin(['dist/public']),
|
|
new IgnorePlugin(/^\.\/locale$/, /moment$/),
|
|
// new BundleAnalyzerPlugin()
|
|
new LodashModuleReplacementPlugin({
|
|
shorthands: true,
|
|
collections: true,
|
|
paths: true,
|
|
}),
|
|
new DefinePlugin({
|
|
__CONFIG_GA_ID: JSON.stringify(pkg.config.GA_ID),
|
|
}),
|
|
],
|
|
optimization: {
|
|
splitChunks: {
|
|
cacheGroups: {
|
|
vendor: {
|
|
test: /node_modules/,
|
|
chunks: 'initial',
|
|
name: 'vendor',
|
|
priority: 10,
|
|
enforce: true,
|
|
},
|
|
},
|
|
},
|
|
},
|
|
resolve: {
|
|
alias: {
|
|
Agent: path.resolve(projectRoot, 'app/agent'),
|
|
Azure: path.resolve(projectRoot, 'app/azure'),
|
|
Docker: path.resolve(projectRoot, 'app/docker'),
|
|
Extensions: path.resolve(projectRoot, 'app/extensions'),
|
|
Portainer: path.resolve(projectRoot, 'app/portainer'),
|
|
},
|
|
},
|
|
};
|