npm install compression-webpack-plugin
const CompressionWebpackPlugin = require('compression-webpack-plugin')
module.exports = {
configureWebpack: config =>{
let plugins = [
new CompressionWebpackPlugin({
algorithm: 'gzip',
threshold: 2048
})
]
if (process.env.NODE_ENV === 'production') {
config.mode = "production";
config.plugins = [...config.plugins, ...plugins]
}else{
config.mode = "development"
}
Object.assign(config, {
externals: {
vue: 'Vue',
element: 'ElementUI',
echarts: 'echarts'
}
})
}
}
<!-- 生产环境版本,优化了尺寸和速度 -->
<script src="https://cdn.jsdelivr.net/npm/vue"></script>
<!-- 引入样式 -->
<link rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme-chalk/index.css">
<!-- 引入组件库 -->
<script src="https://unpkg.com/element-ui/lib/index.js"></script>
<script src="https://lib.baomitu.com/echarts/5.3.1/echarts.common.min.js"></script>