umi 框架 如何配置 自定义 插件 和 loader
摘要:一 准备工作 umi 为 react 的一个封装比较nice的脚手架。优点当然就是 安装方便,开箱即用,集成了诸多好用功能,详见 官网。 当然 缺点就是 无法暴露原始的webpack.config.json 文件,只能按照官方文档上特定的方法进行修改,而文档却并不完善。项目顺利进行大家笑嘻嘻,一旦遇
阅读全文
posted @
2020-11-20 15:25
长安城下翩翩少年
阅读(7525)
推荐(0) 编辑
webpack 自定义 plugin ?
摘要:plugin 的本质 类 (构造函数) 1 重要概念 tapable 类 const { SyncHook, // 同步 执行 SyncBailHook, // 同步执行,但是一旦有返回值,就执行退出,不再继续执行其他 AsyncParallelHook, // 异步 并行执行 AsyncSerie
阅读全文
posted @
2020-11-19 21:28
长安城下翩翩少年
阅读(791)
推荐(0) 编辑
webpack 自定义 loader ?
摘要:loader的本质 - 函数 module.exports = function (content, source , meta){ this.callback(null,content,source,meta);// 同步loader const callback = this.async();
阅读全文
posted @
2020-11-19 21:21
长安城下翩翩少年
阅读(310)
推荐(0) 编辑
webpack 基础篇 ?
摘要:一 webpack 配置五大重要概念? 1.entry:入口文件 2.output:出口文件 3.loader:翻译官 4.plugin:插件 5.mode:"development','production' 二 webpack 常用的loader 1.处理样式 : [style-loader,c
阅读全文
posted @
2020-11-19 21:11
长安城下翩翩少年
阅读(132)
推荐(0) 编辑
webpack 是什么 ?
摘要:什么是webpack ? webpack 是一种前端构建工具,前端静态资源打包工具。 webpack 是以入口文件开始递归便利所有依赖,生成一个静态依赖图 - chunk文件。 再通过不同的loader对 文件进行编译处理,最终生成一个bundle文件输出。 为什么要使用webpack ? 复杂的J
阅读全文
posted @
2020-11-19 20:21
长安城下翩翩少年
阅读(831)
推荐(0) 编辑