90 lines
3.2 KiB
JavaScript
90 lines
3.2 KiB
JavaScript
|
const path = require('path');
|
||
|
|
const webpack = require('webpack');
|
||
|
|
const merge = require('webpack-merge');
|
||
|
|
const UglifyJSPlugin = require('uglifyjs-webpack-plugin');
|
||
|
|
const WrapperPlugin = require('wrapper-webpack-plugin');
|
||
|
|
const { BundleAnalyzerPlugin } = require('webpack-bundle-analyzer');
|
||
|
|
const { AngularCompilerPlugin } = require('@ngtools/webpack');
|
||
|
|
const common = require('./webpack.common.js');
|
||
|
|
const config = require('./config.json');
|
||
|
|
|
||
|
|
const analytics = config.analytics ? `
|
||
|
|
(function(i, s, o, g, r, a, m) {i['GoogleAnalyticsObject']=r; i[r]=i[r]||function() {
|
||
|
|
(i[r].q=i[r].q||[]).push(arguments) }, i[r].l=1*new Date(); a=s.createElement(o),
|
||
|
|
m=s.getElementsByTagName(o)[0]; a.async=1; a.src=g; m.parentNode.insertBefore(a, m)
|
||
|
|
}) (window, document, 'script', '//www.google-analytics.com/analytics.js', 'ga');
|
||
|
|
ga('create', '${config.analytics.trackingID}', 'auto');
|
||
|
|
ga('send', 'pageview');
|
||
|
|
` : ``;
|
||
|
|
|
||
|
|
const compilerOptions = require('./tsconfig-aot.json').compilerOptions;
|
||
|
|
const compilerOptionsES = require('./tsconfig-aot-es.json').compilerOptions;
|
||
|
|
|
||
|
|
const scripts = [
|
||
|
|
['bootstrap', 'app/app.module#AppModule', 'assets', compilerOptions, 'tsconfig-aot.json', 5, false],
|
||
|
|
// ['bootstrap-es', 'app/app.module#AppModule', 'assets', compilerOptionsES, 'tsconfig-aot-es.json', 7, false],
|
||
|
|
['bootstrap-admin', 'admin/admin.module#AdminAppModule', 'assets-admin', compilerOptions, 'tsconfig-aot.json', 5, true],
|
||
|
|
['bootstrap-tools', 'tools/tools.module#ToolsAppModule', 'assets', compilerOptions, 'tsconfig-aot.json', 5, true],
|
||
|
|
];
|
||
|
|
|
||
|
|
function getScripts(args) {
|
||
|
|
const { analyze, main, admin } = args;
|
||
|
|
|
||
|
|
if (analyze || main) {
|
||
|
|
return [scripts[0]];
|
||
|
|
} else if (admin) {
|
||
|
|
return [scripts[2]];
|
||
|
|
} else {
|
||
|
|
return scripts;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
module.exports = (args = {}) =>
|
||
|
|
getScripts(args)
|
||
|
|
.map(([script, entry, outDir, compilerOptions, tsConfigPath, ecma, TOOLS]) => merge(common, {
|
||
|
|
mode: 'production',
|
||
|
|
performance: {
|
||
|
|
maxEntrypointSize: 10000000,
|
||
|
|
maxAssetSize: 10000000,
|
||
|
|
},
|
||
|
|
entry: {
|
||
|
|
[script]: `./ts/${script}`,
|
||
|
|
},
|
||
|
|
output: Object.assign({}, common.output, {
|
||
|
|
filename: '[name]-[chunkhash:10].js',
|
||
|
|
path: path.resolve(__dirname, 'build', outDir, 'scripts'),
|
||
|
|
}),
|
||
|
|
devtool: script === 'bootstrap' ? 'source-map' : false,
|
||
|
|
node: { Buffer: false },
|
||
|
|
module: {
|
||
|
|
rules: [
|
||
|
|
{
|
||
|
|
test: /(?:\.ngfactory\.js|\.ngstyle\.js|\.ts)$/,
|
||
|
|
use: [
|
||
|
|
{ loader: '@ngtools/webpack', options: { sourcemap: true, compilerOptions } },
|
||
|
|
],
|
||
|
|
},
|
||
|
|
],
|
||
|
|
},
|
||
|
|
optimization: {
|
||
|
|
minimizer: [
|
||
|
|
new UglifyJSPlugin({
|
||
|
|
sourceMap: true,
|
||
|
|
uglifyOptions: {
|
||
|
|
ecma,
|
||
|
|
mangle: !args.debug,
|
||
|
|
output: { comments: false },
|
||
|
|
compress: ecma !== 5 ? { inline: 1 } : {},
|
||
|
|
},
|
||
|
|
}),
|
||
|
|
],
|
||
|
|
},
|
||
|
|
plugins: [
|
||
|
|
new AngularCompilerPlugin({ tsConfigPath, entryModule: `src/ts/components/${entry}` }),
|
||
|
|
(script === 'bootstrap' && !args.analyze) ? new WrapperPlugin({ test: /\.js$/, header: analytics }) : undefined,
|
||
|
|
args.analyze ? new BundleAnalyzerPlugin({ analyzerMode: 'static' }) : undefined,
|
||
|
|
new webpack.DefinePlugin({ DEVELOPMENT: false, TOOLS, SERVER: false, BETA: !!args.beta, TIMING: !!args.timing, TESTS: false }),
|
||
|
|
new webpack.IgnorePlugin(/^\.\/locale$/, /moment$/),
|
||
|
|
].filter(x => x),
|
||
|
|
}));
|