vue3.0之安装依赖包 webpack-bundle-analyzer 分析工具坑点

1、安装  webpack-bundle-analyzer

  npm i  webpack-bundle-analyzer -D

2、在vue.config.js中配置一下:

  

 

 3、在package.json中配置命令:

  

  之后运行: npm  run analyzer 就会出现如下报错:

  

 

 

  这是因为window中不支持  x = y 的写法, 解决:用npm安装cross-env。 npm i cross-env -D  然后修改package.json,如下:

 

  

 

4、npm  run analyzer  运行就会出现对应文件的大小

 

相关文章

一准备工作umi为react的一个封装比较nice的脚手架。优点当然...
webpack在引入两个依赖的包时,可能需要使用shimming,意思是...
  Happypack (plugin)多线程使用loader编译文件treeshaki...
一目录结构├──build//构建相关├──config//配置相关├─...
接着第一节的demo现在我们尝试整合一些其他资源,比如图像,...
webpack的打包原理识别入口文件通过逐层识别模块依赖(Common...