浅析webpack-bundle-analyzer在vue-cli3中的使用
作者：ypeusksk 发布时间：2024-05-28 16:09:50
标签：vue,cli3,webpack,bundle,analyzer
正常的使用方法
安装
npm install webpack-bundle-analyzer -D
webpack.config.js：
vue-cli3的配置方法
根目录的vue.config.js（没有则自己创建）
module.exports = {
chainWebpack: config => {
config
.plugin('webpack-bundle-analyzer')
.use(require('webpack-bundle-analyzer').BundleAnalyzerPlugin)
}
}
执行以下命令即可查看到结果。
npm run serve
也可以改为独立的script
vue.config.js
module.exports = {
chainWebpack: config => {
if (process.env.use_analyzer) {
config
.plugin('webpack-bundle-analyzer')
.use(require('webpack-bundle-analyzer').BundleAnalyzerPlugin)
}
}
}
package.json
{
"scripts": {
...
"analyzer": "use_analyzer=true npm run serve"
}
}
那么在使用以下命令时，才会弹出analyzer
npm run analyzer
总结
以上所述是小编给大家介绍的webpack-bundle-analyzer在vue-cli3中的使用,网站的支持！
如果你觉得本文对你有帮助，欢迎转载，烦请注明出处，谢谢！
来源：https://blog.csdn.net/ypeusksk/article/details/88192385
0
投稿猜你喜欢
叨叨几句哈喽兄弟们，今天实现一下人脸识别。先问大家一个问题什么是百度Aip模块？百度AI平台提供了很多的API接口供开发者快速的调用运用在项- 简介bisect 库是 Python 标准库中的一部分，它提供了二分查找的功能。二分查找是一种在有序列表中查找某一特定元素的搜索算法。它的时
- 这两天学习了Vue.js 感觉条件渲染和列表渲染知识点挺多的，而且很重要，所以，今天添加一点小笔记。条件渲染v-if在 < templ
- 1，exists和in的理解（参考https://www.jb51.net/article/28922.htm） exists：如果子查询中
- 这篇文章主要介绍了Python文件操作函数用法实例详解,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋
- 一个很不错的效果，用键盘的箭头键控制一个漂亮的箭头！也许能给你启发，做出一款有趣的小游戏呢！运行代码框<html xmlns:v=&q
- javascript单线程JavaScript的单线程，与它的用途有关。作为浏览器脚本语言，JavaScript的主要用途是与用户互动，以及
- 最近学习Python接口测试，对于接口测试完全小白。大概一周的学习成果进行总结。1.接口测试：目前涉及到的只是对简单单一的接口进行参数传递，
- PHP PDO连接连接是通过创建 PDO 基类的实例而建立的。不管使用哪种驱动程序，都是用 PDO 类名。连接到 MySQL<?php
- python编程中常用的12种基础知识总结：正则表达式替换，遍历目录方法，列表按列排序、去重，字典排序，字典、列表、字符串互转，时间对象操作
- import osfrom PIL import Image#批量剪切目录下图片for j in range(10,121): &
- python爬虫中使用urli库可以使用opener"发送多个请求，这些请求是能共享处理cookie的，小编之前也提过python
- 在昨天的文章，《 block 和 inline 的区别是？》里，我给大家留了个问题——LI 元素到底是block level 的，还是 in
- 一、数据备份1、使用mysqldump命令备份mysqldump命令将数据库中的数据备份成一个文本文件。表的结构和表中的数据将存储在生成的文
- 在印刷排版中“point”是一个绝对的单位，它等于 1/72 英寸。可以用尺子丈量的，物理的英寸。但在CSS中pt的含义
- numpy.ndarray中数据转为int型首先了解内容与类型>>>print(a)(array([[0.01124722
- model:class Profile(models.Model): user = models.OneToOneField(User, o
- 如下代码会将npy的格式数据读出，并且输出来到控制台：import numpy as np##设置全部数据，不输出省略号 import sy
- if语句用来表示某种可能的情况，并如何处理该情况。if语句可以用来表示一种可能性、两种可能性或者多种可能性。1 一种可能性单个的if语句表示
- 各位想必都知道，onfocus="this.blur()"这条代码能消除链接时的虚线框，但你有没有想过，如果你的网页上有
