Vue安装 项目可视化分析包大小工具webpack-bundle-analyzer
本文共 471 字，大约阅读时间需要 1 分钟。
1.安装：
npm install webpack-bundle-analyzer –save-dev//或yarn add webpack-bundle-analyzer -D
2.配置：在build/webpack.prod.config.js添加
...if (config.build.bundleAnalyzerReport) { const BundleAnalyzerPlugin = require('webpack-bundle-analyzer').BundleAnalyzerPlugin webpackConfig.plugins.push(new BundleAnalyzerPlugin())}...module.exports = webpackConfig 新版的 vue-cli 也内置了webpack-bundle-analyzer，直接第3步启动
3.启动：
npm run build --report
运行如下图：会自动打开 127.0.0.1:8888
显示每个文件大小，找到相关文件优化即可。
转载地址：http://nnesi.baihongyu.com/
你可能感兴趣的文章
MySQL主从复制不一致的原因以及解决方法
查看>>
RedisTemplate的key默认序列化器问题
查看>>
序列化与自定义序列化
查看>>
ThreadLocal
查看>>
从Executor接口设计看设计模式之最少知识法则
查看>>
OKhttp之Call接口
查看>>
application/x-www-form-urlencoded、multipart/form-data、text/plain
查看>>
关于Content-Length
查看>>
WebRequest post读取源码
查看>>
使用TcpClient可避免HttpWebRequest的常见错误
查看>>
EntityFramework 学习之一 —— 模型概述与环境搭建 .
查看>>
C# 发HTTP请求
查看>>
初试visual studio2012的新型数据库LocalDB
查看>>
启动 LocalDB 和连接到 LocalDB
查看>>
Palindrome Number --回文整数
查看>>
Reverse Integer--反转整数
查看>>
Container With Most Water --装最多水的容器（重）
查看>>
Longest Common Prefix -最长公共前缀
查看>>
Letter Combinations of a Phone Number
查看>>
Single Number II --出现一次的数（重）
查看>>