![](https://img-blog.csdnimg.cn/20201014180756930.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
Webpack
逸尘️
沉稳大气,笃行克己
展开
-
记一次webpack构建提速
写在开头由于业务调整需要,最近接盘了公司内部云平台的项目H。看了代码,开发了几个需求,我的第一感觉是,H项目真的好严肃,还有厚重的历史感。经过多年的开发与维护,H项目经过了数十位前端同学之手,“前任”小伙伴们在里面花费了大量的时间与精力。这里面涉及到的技术栈也错综复杂,包含了react、webpack、reflux、mobx以及不少手动封装的类库和组件,日积月累,已经包含了十几个子项目,代码体积...原创 2020-01-03 15:48:33 · 634 阅读 · 0 评论 -
webpack中hash、chunkhash和contenthash
https://www.cnblogs.com/giggle/p/9583940.htmlhttps://blog.csdn.net/bubbling_coding/article/details/81561362https://github.com/sorrycc/roadhog/issues/510https://github.com/webpack/webpack/releases/t...原创 2019-12-04 12:12:23 · 741 阅读 · 0 评论 -
解决 webpack-dev-server 导致的 invalid host header
问题原因webpack-dev-server 在此之前更新了 2.4.3 和 1.16.4 两个版,更新主要是新增了对 host header 的正确性检测,以屏蔽未经授权的访问。开发者需要在执行 webpack-dev-server 命令时手动添加 –public 选项,取值为授权的 host,否则就会出现这个问题,也就是“Invalid Host Header”。解决方案执行 w...原创 2018-03-07 16:27:53 · 5245 阅读 · 0 评论 -
解决import动态加载webpack打包错误
最近升级webpack4时(旧版本是3.5.1),打包时报错,具体错误描述见下图,错误不一致的可以离开了…(手动微笑)You may need an appropriate loader to handle this file type.| export var AsyncComponent = function AsyncComponent(path) {| return asyn...原创 2019-02-18 18:05:20 · 10351 阅读 · 1 评论 -
解决webpack打包错误:this.htmlWebpackPlugin.getHooks is not a function
升级webpack4时踩到了很多坑,其中错误描述如下this.htmlWebpackPlugin.getHooks is not a function经过一番搜索,在html-webpack-plugin的issue区看到了如下解决方法,亲测可用。1.删除node_modules目录,并重新npm install安装;2. 安装与webpack4版本匹配的htmlWebpackPl...原创 2019-03-05 15:37:54 · 8938 阅读 · 0 评论 -
npm run build: WARNING in asset size limit: The following asset(s) exceed the recommended size limit
使用webpack4打包生产环境的代码时npm run build:production,遇到了一个小插曲,记录一下:问题原因:webpack打包后的生成文件和入口文件体积过大,超过了默认值。解决方法:1.关闭webpack性能提示performance: { hints: false, // 关闭性能提示 }2.修改打包入口文件和生成文件的体积限制 perform...原创 2019-07-01 18:50:26 · 2160 阅读 · 3 评论 -
Webpack按需异步加载报错:Uncaught (in promise) Error: Loading chunk 39 failed.
本地不会出现此报错,每次打包部署到开发环境后第一次渲染抛出下图错误,然后就处于一直加载的状态,不知道如何解决啊。。。暂且留着你,日后收拾。...原创 2019-07-29 10:17:23 · 10456 阅读 · 10 评论