🌈 An enterprise-class UI components based on Ant Design and Vue. 🐜
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.
 
 
 
 

82 lines
2.0 KiB

const path = require('path')
const webpack = require('webpack')
const ExtractTextPlugin = require('extract-text-webpack-plugin')
const WebpackChunkHash = require('webpack-chunk-hash')
const HtmlWebpackPlugin = require('html-webpack-plugin')
const merge = require('webpack-merge')
const baseWebpackConfig = require('./webpack.base.config')
const modulePlugin = new ExtractTextPlugin({
filename: '[name].[chunkhash].css',
allChunks: true,
})
module.exports = merge(baseWebpackConfig, {
output: {
path: path.resolve(__dirname, './dist'),
publicPath: './',
filename: '[name].[chunkhash].js',
chunkFilename: '[chunkhash].async.js',
},
module: {
rules: [
{
test: /\.less$/,
use: modulePlugin.extract({
fallback: 'style-loader',
use: [
{
loader: 'css-loader',
},
{ loader: 'less-loader',
},
],
}),
},
{
test: /\.css$/,
use: modulePlugin.extract({
fallback: 'style-loader',
use: [
{
loader: 'css-loader',
},
],
}),
},
],
},
plugins: [
new webpack.DefinePlugin({
'process.env': {
NODE_ENV: '"production"',
},
}),
new webpack.optimize.CommonsChunkPlugin({
name: 'manifest',
minChunks: Infinity,
}),
new webpack.optimize.CommonsChunkPlugin({
name: 'vender',
minChunks: function (module) {
return module.context && ~module.context.indexOf('node_modules')
},
}),
new webpack.optimize.UglifyJsPlugin({
compress: {
warnings: false,
},
}),
new HtmlWebpackPlugin({
template: './examples/index.html',
inject: true,
minify: { collapseWhitespace: true },
production: true,
}),
new webpack.LoaderOptionsPlugin({
minimize: true,
}),
modulePlugin,
new WebpackChunkHash({ algorithm: 'md5' }),
],
})