Vue-cli3.0+ Packaging Optimization （ Six common schemes ）

1.  to configure gzip compress , Type one gzip Suffix file
$ npm i compression-webpack-plugin -D
*  vue.config.js to configure const CompressionWebpackPlugin =
require('compression-webpack-plugin'); module.exports = { configureWebpack:
config => { if (process.env.NODE_ENV === 'production') { config.plugins.push(
...[ new CompressionWebpackPlugin({ filename: '[path].gz[query]', algorithm:
'gzip', test: /\.(js|css|html|svg)$/i, threshold: 2048, minRatio: 0.8 }) ] ); }
} };
2. webpack-bundle-analyzer Analysis package
$ npm i webpack-bundle-analyzer -D

• « 上一篇：Web What does the front end need to learn ? Xiaobai Getting Started Guide
• » 下一篇：Python Basic knowledge -pycharm edition -05