You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
65 lines
1.7 KiB
65 lines
1.7 KiB
const path = require('path');
|
|
const webpack = require('webpack');
|
|
const MiniCssExtractPlugin = require('mini-css-extract-plugin');
|
|
const TerserJSPlugin = require('terser-webpack-plugin');
|
|
const OptimizeCSSAssetsPlugin = require('optimize-css-assets-webpack-plugin');
|
|
|
|
const HtmlWebpackPlugin = require('html-webpack-plugin');
|
|
const merge = require('webpack-merge');
|
|
const baseWebpackConfig = require('./webpack.base.conf');
|
|
let lessLoaderConfig = require('./lessLoaderConfig')('production');
|
|
|
|
module.exports = merge(baseWebpackConfig, {
|
|
output: {
|
|
path: path.resolve(__dirname, '../_site'),
|
|
publicPath: 'https://aliyuncdn.antdv.com/v1/',
|
|
filename: '[name].[contenthash:8].js',
|
|
chunkFilename: '[contenthash:8].async.js',
|
|
},
|
|
module: {
|
|
rules: [
|
|
lessLoaderConfig,
|
|
{
|
|
test: /\.css$/,
|
|
use: [MiniCssExtractPlugin.loader, 'css-loader', 'postcss-loader'],
|
|
},
|
|
],
|
|
},
|
|
optimization: {
|
|
splitChunks: {
|
|
cacheGroups: {
|
|
vendors: {
|
|
name: `chunk-vendors`,
|
|
test: /[\\/]node_modules[\\/]/,
|
|
priority: -10,
|
|
chunks: 'initial',
|
|
},
|
|
common: {
|
|
name: `chunk-common`,
|
|
minChunks: 2,
|
|
priority: -20,
|
|
chunks: 'initial',
|
|
reuseExistingChunk: true,
|
|
},
|
|
},
|
|
},
|
|
minimizer: [new TerserJSPlugin({}), new OptimizeCSSAssetsPlugin({})],
|
|
},
|
|
plugins: [
|
|
new webpack.DefinePlugin({
|
|
'process.env': {
|
|
NODE_ENV: '"production"',
|
|
},
|
|
}),
|
|
new HtmlWebpackPlugin({
|
|
template: './public/index.html',
|
|
inject: true,
|
|
production: true,
|
|
}),
|
|
new MiniCssExtractPlugin({
|
|
filename: '[name].[contenthash:8].css',
|
|
chunkFilename: '[id].[contenthash:8].css',
|
|
}),
|
|
],
|
|
});
|