代码拉取完成,页面将自动刷新
const path = require('path');
const MiniCssExtractPlugin = require('mini-css-extract-plugin');//生产环境下抽离出css模块
const OptimizeCSSAssetsPlugin = require("optimize-css-assets-webpack-plugin");//生产环境下压缩css模块
const UglifyJsPlugin = require("uglifyjs-webpack-plugin");//生产环境下压缩js模块
const merge = require('webpack-merge');
const common = require('./webpack.common');
let prodConfig = {
mode: 'production',
output: {
filename: "[name]-main.[hash].js",
path: path.resolve(__dirname, 'dist')
},
module: {
rules: [
{
test: /\.(sc|sa|c)ss$/, use: [ MiniCssExtractPlugin.loader//对抽离css模块的配置,此时将不再使用style-loader
, {
loader: 'css-loader',
options: {sourceMap: true}
}, {
loader: 'sass-loader',
options: {sourceMap: true}
}]
}
]
},
plugins: [
new MiniCssExtractPlugin({
filename: "[name].[hash].css",
chunkFilename: "[id].[hash].css"
})//对抽离css模块的配置
],
optimization: {
minimizer: [
new UglifyJsPlugin({//压缩js文件,production下有用
cache: true,
parallel: true,
sourceMap: true // set to true if you want JS source maps
}),
new OptimizeCSSAssetsPlugin({})//压缩css文件,production下有用
]
}
};
module.exports = merge(common,prodConfig);
此处可能存在不合适展示的内容,页面不予展示。您可通过相关编辑功能自查并修改。
如您确认内容无涉及 不当用语 / 纯广告导流 / 暴力 / 低俗色情 / 侵权 / 盗版 / 虚假 / 无价值内容或违法国家有关法律法规的内容,可点击提交进行申诉,我们将尽快为您处理。