forked from sombochea/verdaccio-ui
78 lines
2.0 KiB
JavaScript
78 lines
2.0 KiB
JavaScript
const webpack = require('webpack');
|
|
const HTMLWebpackPlugin = require('html-webpack-plugin');
|
|
const MiniCssExtractPlugin = require('mini-css-extract-plugin');
|
|
const UglifyJsWebpackPlugin = require('uglifyjs-webpack-plugin');
|
|
const OptimizeCSSAssetsPlugin = require('optimize-css-assets-webpack-plugin');
|
|
const baseConfig = require('./webpack.config');
|
|
const env = require('../src/config/env');
|
|
const _ = require('lodash');
|
|
const merge = require('webpack-merge');
|
|
const getPackageJson = require('./getPackageJson');
|
|
|
|
const {
|
|
version,
|
|
name,
|
|
license,
|
|
} = getPackageJson('version', 'name', 'license');
|
|
|
|
const banner = `
|
|
Name: [name]
|
|
Generated on: ${Date.now()}
|
|
Package: ${name}
|
|
Version: v${version}
|
|
License: ${license}
|
|
`;
|
|
|
|
const prodConf = {
|
|
mode: 'production',
|
|
|
|
entry: {
|
|
main: ['babel-polyfill', 'whatwg-fetch', `${env.SRC_ROOT}/webui/index.js`],
|
|
},
|
|
|
|
module: {
|
|
rules: [],
|
|
},
|
|
|
|
plugins: [
|
|
new webpack.DefinePlugin({
|
|
__DEBUG__: false,
|
|
'process.env.NODE_ENV': '"production"',
|
|
__APP_VERSION__: `"${version}"`,
|
|
}),
|
|
new MiniCssExtractPlugin({
|
|
filename: 'style.[contenthash].css',
|
|
}),
|
|
new HTMLWebpackPlugin({
|
|
title: 'ToReplaceByTitle',
|
|
scope: 'ToReplaceByScope',
|
|
logo: 'ToReplaceByLogo',
|
|
filename: 'index.html',
|
|
favicon: `${env.SRC_ROOT}/webui/template/favicon.ico`,
|
|
verdaccioURL: 'ToReplaceByVerdaccio',
|
|
template: `${env.SRC_ROOT}/webui/template/index.html`,
|
|
debug: false,
|
|
inject: true,
|
|
}),
|
|
new webpack.BannerPlugin(banner),
|
|
],
|
|
|
|
optimization: {
|
|
minimizer: [
|
|
new UglifyJsWebpackPlugin({
|
|
sourceMap: true,
|
|
}),
|
|
new OptimizeCSSAssetsPlugin({}),
|
|
],
|
|
},
|
|
};
|
|
|
|
prodConf.module.rules = baseConfig.module.rules
|
|
.filter((loader) =>
|
|
Array.isArray(loader.use) && loader.use.find((v) => /css/.test(v.loader.split('-')[0]))
|
|
).forEach((loader) => {
|
|
loader.use = [MiniCssExtractPlugin.loader].concat(_.tail(loader.use));
|
|
});
|
|
|
|
module.exports = merge(baseConfig, prodConf);
|