vue打包优化分析插件

一. webpack-bundle-analyzer

使用此插件可查看项目打包时，每个插件所占用的空间大小!

1.安装

cnpm install webpack-bundle-analyzer --save-dev

2.引用

文件位置 ==vue.config.js==

const BundleAnalyzerPlugin = require('webpack-bundle-analyzer').BundleAnalyzerPlugin;

module.exports = {
    configureWebpack: {
        plugins: [
            new BundleAnalyzerPlugin()
        ]
    }
}

3.打包

文件位置 ==package.json==, 在打包命令后，加入 ==--report==

"scripts": {
    "dev": "vue-cli-service serve",
    "build": "vue-cli-service build --report",
    "lint": "vue-cli-service lint"
 }