You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
40 lines
858 B
40 lines
858 B
2 months ago
|
先增加依赖
|
||
|
|
|
||
|
|
```bash
|
||
|
|
// npm
|
||
|
|
$ npm install --save-dev webpack-bundle-analyzer
|
||
|
|
|
||
|
|
// or yarn
|
||
|
|
$ yarn add webpack-bundle-analyzer -D
|
||
|
|
```
|
||
|
|
|
||
|
|
配置文件 `vue.config.js` 增加 `configureWebpack.plugins` 参数
|
||
|
|
|
||
|
|
```
|
||
|
|
const path = require('path')
|
||
|
|
const webpack = require('webpack')
|
||
|
|
const BundleAnalyzerPlugin = require('webpack-bundle-analyzer').BundleAnalyzerPlugin
|
||
|
|
|
||
|
|
function resolve (dir) {
|
||
|
|
return path.join(__dirname, dir)
|
||
|
|
}
|
||
|
|
|
||
|
|
// vue.config.js
|
||
|
|
module.exports = {
|
||
|
|
configureWebpack: {
|
||
|
|
plugins: [
|
||
|
|
// Ignore all locale files of moment.js
|
||
|
|
new webpack.IgnorePlugin(/^\.\/locale$/, /moment$/),
|
||
|
|
// 依赖大小分析工具
|
||
|
|
new BundleAnalyzerPlugin(),
|
||
|
|
]
|
||
|
|
},
|
||
|
|
|
||
|
|
|
||
|
|
...
|
||
|
|
}
|
||
|
|
```
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
启动 `cli` 的 `build` 命令进行项目编译，编译完成时，会自动运行一个 http://localhost:8888 的地址，完整显示了支持库依赖
|