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 · 2831 阅读 · 3 评论 -
记一次webpack5从0到1改造老项目的过程
记一次老项目添加webpack的过程 目录结构 改造前 改造后 为什么要改造?老项目痛点在哪里? 老项目技术栈使用纯原生,需要兼容IE10,没有引入帮助插件 老项目css与js没有通过postcss与babel进行转化 容易产生兼容错误 老项目特殊需求静态资源如图片、图标、等需要打包到js文件中,每次新增都要自己转化,很麻烦 老项目JS代码全冗杂在一起,不模块化,不够清晰。 老项目与自动化打包构建工具合作不太方便 老项目没有使用scss等css工具 老项目没有使用eslint 也没有格式化代原创 2021-03-16 15:26:06 · 2600 阅读 · 0 评论 -
webpack3.x 多入口打包的简单配置
webpack webpack配置 javascript原创 2017-08-10 11:38:16 · 1304 阅读 · 0 评论 -
VUE+Webpack 实现懒加载的三种方式
第一种 引入方式 就是正常的路由引入方式const router = new Router({ routes: [ { path: '/hyh', component: hyh, name: 'hyh' } ] })第二种const router = new Router({原创 2017-12-06 09:24:24 · 14305 阅读 · 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 · 5586 阅读 · 2 评论