element-ui编译过慢分析过程

最新推荐文章于 2024-06-15 11:02:52 发布

Simorel

最新推荐文章于 2024-06-15 11:02:52 发布

阅读量720

点赞数

分类专栏：前端 # Javascript # vue 文章标签： vue.js elementui

本文链接：https://blog.csdn.net/Simoral/article/details/122950550

版权

前端同时被 3 个专栏收录

86 篇文章 1 订阅

订阅专栏

Javascript

51 篇文章 0 订阅

订阅专栏

vue

35 篇文章 0 订阅

订阅专栏

package.json

引入以下两个包：

"scripts": {
    "dev": "vue-cli-service serve --json > stats.json" // 将所有打包结果存入stats.json文件中
},
"devDependencies": {
	"speed-measure-webpack-plugin": "^1.5.0",
	"webpack-bundle-analyzer": "^4.5.0"
}

vue.config.js

// 分析打包并优化
const SpeedMeasurePlugin = require('speed-measure-webpack-plugin');
const smp = new SpeedMeasurePlugin({
  outputFormat: 'human',
});
const BundleAnalyzerPlugin =
  require('webpack-bundle-analyzer').BundleAnalyzerPlugin;

configureWebpack: smp.wrap({
	// ……
	
	plugins: [
      // 这个要放在所有 plugins 最后
      new BundleAnalyzerPlugin(),
    ],
});