![](https://img-blog.csdnimg.cn/20201014180756925.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
webpack
JDDDDDDyaya
这个作者很懒,什么都没留下…
展开
-
记录一次webpack 打包优化
记录自己的一次webpack打包优化。项目使用的是vue.cli2.0这是线上的代码,看了看首页所需要加载的资源所耗时400多ms,发现了几个问题1.打包出来的vendors.js ,把第三方库全代码全部打包进去了,导致vendor.js 过大。2.首页加载,没有使用路由懒加载,把其他路由的文件也加载出来了,完全没必要。针对这几个问题,来采取相应的措施。1.使用路由懒加载,加载首页时,只加载需要的组件。路由文件中,对首页需要加载的组件做懒加载。利用 **import()**语法。 {原创 2020-10-30 13:52:26 · 486 阅读 · 0 评论 -
关于 copy-webpack-plugin 的用处和使用
webpack打包的时候, 使用 html-webpack-plugin ,在template指定的demo.html 里面 引入的本地的一些script 文件,打包之后,总是会报这里文件找不到,看下面://这是在这个demo.html里面引入的 本地test.js 文件<body> <script src="js/test.js"></script> ...原创 2019-05-25 11:09:07 · 15882 阅读 · 4 评论 -
简易的 react 脚手架
// webpack.common.jsconst path = require('path');const HtmlWebpackPlugin = require('html-webpack-plugin');const CleanWebpackPlugin = require('clean-webpack-plugin');const CopyWebpackPlugin = requi...原创 2019-07-05 16:21:16 · 194 阅读 · 0 评论