网上大多数教程都是vue-cli3版本的，但是我之前安装的是vue-cli4版本，这块整合起来还是有区别的。 最主要的就是vue4之中默认没有vue.config.js，所以需要自己来创建配置。vue.config.js就是打包的一些配置。 配置文档： https ...

由于webpack将所有的文件合并到一个js文件。因此打包后的文件过大，导致网络请求不畅。 今天尝试了一下webpack打包。结果打出来3.6M。因为之前在本地测试的原因，一直用的webpack -w的命令。 即监控入口文件有无改动，若有改动，则自动编译。 更改命令：webpack -p ...

...

最开始以为是文件加载器url-loader配置问题，尝试修成配置无效 后发现是iis配置问题 解决方案： 添加后缀名.woff，文件类型添加 application/x-font-woff ...

参考：https://blog.csdn.net/feiyu_may/article/details/80987404 https://blog.csdn.net/qq_4199961 ...

在最近的项目里，页面和静态文件并不是很多的情况下，打包后发现产出的静态资源却很大。 1.关掉sourcemap 在config/webpack.config.js文件里，大概30几行的位置添加这样一句代码，这样做的作用是防止线上生成环境将源码一起打包部署。 2.将一些公共的库 ...

本教程是针对vue-cli3以上的版本，其实原理都大同小异，这个demo为vue-cli直接创建的项目，并在main.js中引入了echart、element-ui、lodash 首先看demo打包后生成的文件大小，这个demo里面什么业务都没写、仅仅引入了几个包 ...

webpack 把我们所有的文件都打包成一个 JS 文件，这样即使你是小项目，打包后的文件也会非常大。下面就来讲下如何从多个方面进行优化。 去除不必要的插件 刚开始用 webpack 的时候，开发环境和生产环境用的是同一个 webpack 配置文件，导致生产环境打包 ...