[英]Use webpack-chain to do webpack configuration in vue.config.js, so how to use speed-measure-webpack-plugin plugin?
这是我的 vue-cli3 的配置文件
vue.config.js:
const path = require('path')
const CompressionWebpackPlugin = require('compression-webpack-plugin')
const SpeedMeasurePlugin = require("speed-measure-webpack-plugin");
const smp = new SpeedMeasurePlugin();
module.exports = {
publicPath: './',
lintOnSave: true,
chainWebpack(config) {
config.devServer
.port(8089)
.open(true)
.disableHostCheck(true)
config.when(process.env.NODE_ENV !== 'development', config => {
config
.plugin('gzip')
.use(CompressionWebpackPlugin, [{
algorithm: 'gzip',
test: new RegExp('\\.(' + ['js', 'css'].join('|') + ')$'),
threshold: 8192,
minRatio: 0.8,
cache: true
}])
})
}
}
根据speed-measure-webpack-plugin的配置,所有的插件都被包装了,但是如果使用webpack-chain,是不是可以不用这个插件呢?
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.