![](https://img-blog.csdnimg.cn/20190918140158853.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
Webpack
webpack相关配置笔记
mrhaoxiaojun
这个作者很懒,什么都没留下…
展开
-
webpack之优化之构建速度:hard-source-webpack-plugin 与dll对比
webpack优化,webpack dll动态链接库的方案可谓是很多人用的经典方案但是睡着webpack的升级,打包性能还是逐步提高了很多,我们也希望减少配置带来的复杂关系,那么最优化最小化配置的,必然是最好的选择,下面介绍一下 hard-source-webpack-plugin以及和dll的对比dll其实是做缓存所谓动态链接,就是把一些经常会共享的代码制作成 DLL 档,当可执行文件调用到 DLL 档内的函数时,Windows 操作系统才会把 DLL 档加载存储器内,DLL 档本身的结构就是可原创 2020-09-17 17:56:20 · 3167 阅读 · 1 评论 -
webpack之优化之构建速度:webpack DllPlugin
我们在使用cli创建项目,完成开发后,在项目打包通常会发现很慢。为了优化打包速度,我们可以使用Dll来做这个优化,也可以使用hard-source-webpack-plugin,还可以用thread-loader。这里我们主要讲Dll,Dll不仅可以在cli的项目中使用,我们也可以单独建立一个webpack文件来进行处理。1、我们先创建webpack.dll.js文件,代码如下:const path = require('path')const webpack = require('webpack'原创 2020-09-17 17:43:19 · 268 阅读 · 0 评论 -
vue-cli4.0 配置CDN加速
vue.config.js出于对网站性能的要求,有时候我们不希望一些比较大的第三方库直接打包到最后的bundle中,而会选择在打包的时候忽略他们,并直接使用CDN上面的资源。以下是vue-cli4的相关配置vue.config.jscdn.config.jsmodule.exports = assetsCDN = { useCDN: false, // webpack build externals externals: { vue: 'Vue', 'vue-router原创 2020-09-10 17:58:17 · 1797 阅读 · 2 评论 -
关于webpack打包插件uglifyjs-webpack-plugin报错
项目进行打包优化,配置了打包环境下去除多语言的输出,代码如下:const UglifyJsPlugin = require('uglifyjs-webpack-plugin')configureWebpack: (config) => { if (isProd) { const plugins = [] plugins.push( new UglifyJsPlugin ({ sourceMap: false,原创 2020-09-10 10:50:05 · 5040 阅读 · 3 评论