2020年10月

webpack生成的每一个js文件叫做一个chunk
main.js的chunk name叫做main
vendors.js的chunk name叫做vendors
minChunks的意思是有几个文件依赖了库才生成chunk
如minChunks是2 则必须有两个以及以上才可以。

webpack-bundle-analyzer安装

使用webpack-bundle-analyzer可以可视化文件资源来直观的查看文件大小。
输入命令【npm/cnpm install --save-dev webpack-bundle-analyzer】安装webpack-bundle-analyzer

安装后在vue.config.js的module.exports内配置

chainWebpack: config => {
    config
        .plugin('webpack-bundle-analyzer')
        .use(require('webpack-bundle-analyzer').BundleAnalyzerPlugin)
}

运行npm run serve等待后,会自动打开网页http://127.0.0.1:8888/

QQ截图20201026203153.jpg

1%
last 2 versions

not dead

1% :代表着全球超过1%人使用的浏览器

last 2 versions : 表示所有浏览器兼容到最后两个版本
not dead: not 是逻辑非操作符,即对 dead 取反,而浏览器被认为是 dead 条件是:最新的两个版本中发现其市场份额已经低于 0.5% 并且 24 个月内没有任务官方支持和更新了。