![](https://img-blog.csdnimg.cn/20201014180756724.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
webpack
文章平均质量分 56
重复过往
小菜鸟一枚。37540004不是我的QQ,那是CSDN生成的ID。。。。
展开
-
记webpack3.x版本远古老项目编译优化实战
记webpack3.x版本远古老项目编译优化实战为何要优化?每次执行npm run dev 需要等待24~28s,每次ctrl + s触发热更新需要等待4~8s!叔可忍!婶婶不能忍!优化前的编译速度优化前的热更新速度实际只会比这些更慢!!!优化之后写代码又感到了人生的幸福!优化后的编译速度8s左右结束战斗!优化后的热更新速度秒更新 有木有!优化思路使用happypack来加快babel-loader编译速度首先 安装 happypack npm i原创 2021-03-18 10:13:28 · 2810 阅读 · 3 评论 -
记一次webpack5从0到1改造老项目的过程
记一次老项目添加webpack的过程目录结构改造前改造后为什么要改造?老项目痛点在哪里?老项目技术栈使用纯原生,需要兼容IE10,没有引入帮助插件老项目css与js没有通过postcss与babel进行转化 容易产生兼容错误老项目特殊需求静态资源如图片、图标、等需要打包到js文件中,每次新增都要自己转化,很麻烦老项目JS代码全冗杂在一起,不模块化,不够清晰。老项目与自动化打包构建工具合作不太方便老项目没有使用scss等css工具老项目没有使用eslint 也没有格式化代原创 2021-03-16 15:26:06 · 2575 阅读 · 0 评论 -
webpack3.x 多入口打包的简单配置
webpack webpack配置javascript原创 2017-08-10 11:38:16 · 1286 阅读 · 0 评论 -
VUE+Webpack 实现懒加载的三种方式
第一种 引入方式 就是正常的路由引入方式const router = new Router({ routes: [ { path: '/hyh', component: hyh, name: 'hyh' } ]})第二种const router = new Router({原创 2017-12-06 09:24:24 · 14285 阅读 · 0 评论 -
vue/react使用JSDoc、jsconfig.json 完成vscode对于webpack的alias引入的js方法的提示
TS有个好处就是你引入方法会告诉你参数是什么类型返回什么类型首先你需要阅读JSDoc的文档和jsconfig.json的配置,你也可以百度下中文的文档比如我的webpack的alias配置如下, common中是我的公共方法chainWebpack: config => { config.resolve.alias .set("@common", resolve("...原创 2019-04-27 15:22:57 · 5575 阅读 · 2 评论