webpack
@codeDo
最近代码没写多少,项目管理做了不少
展开
-
前端项目优化方向与方法(webpack项目)
前端项目加载首屏,速度优化方法如下:1. webpack 开启 gzip压缩,使用 下面这个插件,具体使用方法查看说明。npm install compression-webpack-plugin --save-dev2. 使用CommonsChunkPlugin这个包,进行code split,详细说明请点击CommonsChunkPlugin3.webpack 实现持久性...原创 2020-04-27 15:19:53 · 358 阅读 · 0 评论 -
url-loader 和 file-loader的区别
如果我们希望在页面引入图片(包括img的src和background的url)。当我们基于webpack进行开发时,引入图片会遇到一些问题。 其中一个就是引用路径的问题。拿background样式用url引入背景图来说,我们都知道,webpack最终会将各个模块打包成一个文件,因此我们样式中的url路径是相对入口html页面的,而不是相对于原始css文件所在的路径的。这就会导致图片引入失...转载 2020-03-19 12:52:52 · 700 阅读 · 0 评论 -
react 项目本地升级webpack4后报错解决办法
报错如上图:解决办法,进入全局安装的webpack目录下:进入到目录下:先把安装的webpack版本删除:依次执行以下命令:npm un webpacknpm un webpack-clinpm un webpack-dev-servernpm i webpack@4.41.5npm i webpack-clinpm i webpack-dev-serve...原创 2020-03-17 15:40:49 · 436 阅读 · 0 评论