分析項目需要優(yōu)化的地方
### 分析引入文件的大小? webpack-bundle-analyzer
1. 下載安裝
npm install webpack-bundle-analyzer --save-dev
2. vue.config.js 配置
```
module.export: {
...
chainwebpack: (config) => {
...
if (process.env.NODE_ENV === 'production') {
if (process.env.npm_config_report) {
config
.plugin('webpack-bundle-analyzer')
.use(repuire('webpack-bundle-analyzer').BundleAnalyzerPlugin)
.end();
}
} else {
}
}
}
```
3. 在package.json 中配置分析指令
```
{
...
"script":{
"report":"npm_config_report=true npm run build"
}
}
```
4. 通過命令使用
```
npm run report
```
### lighthouse 檢測一個網頁運行效率
1. 下載安裝
```
npm install lighthouse -g
```
2. 使用
```
lighthouse 要檢測的網址 --view
```
