vue3 编译很慢_Vue 项目编译时间过长问题

随着公司项目不断增大，项目打包编译的时长也不断增加，尤其是在公司使用 jenkins 自动化部署以后更甚。由此我想到此问题可能是引入依赖过多而造成。通过 google 查看分析，终于找到相关问题并初步实践，方法如下：

# NPM

npm install --save-dev webpack-bundle-analyzer

# Yarn

yarn add -D webpack-bundle-analyzer

官网显示的使用方法，需要在 webpack.config.js 内配置：

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

module.exports = {

plugins: [

new BundleAnalyzerPlugin()

]

}

而我们的项目是使用 vue-cli3 搭建，其内置 webpack (也就是没有 webpack.config.js)，因此我们找到 vue.config.js 使用如下代码引入插件：

// vue.config.js

module.exports = {

chainWebpack: config => {

//*//

config

.plugin('webpack-bundle-analyzer')

.use(require('webpack-bundle-analyzer').BundleAnalyzerPlugin)