
webpack
文章平均质量分 53
山西仓江科技有限公司
这个作者很懒,什么都没留下…
展开
-
论webpack --profile 在开发中重要
在开发过程中 遇到 webpack build 失败的情况 如下图npm ERR! This is probably not a problem with npm. There is likely additional logging output above.npm ERR! Exit status 2无任何有效的错误提示 这种情况下 很难定位错误位置...原创 2018-08-10 22:43:06 · 2313 阅读 · 0 评论 -
webpack tapable库中的同步异步钩子 开发一款实用的插件
剧透下我们的插件 empty-webpack-build-detail-plugin 友好的展示编译输出 ,如果您觉得好用 ,可以给个star Webpack本质上是一种串行事件流的机制,它的工作流程就是将各个插件串联起来,实现这一切的核心就是Tapable,webpack中最核心的负责编译的Compiler和负责创建bundle的Compilation都是Tapable的实例comp...原创 2018-11-10 18:56:56 · 1009 阅读 · 0 评论 -
模仿webpack 基本编译原理 试写一个模块打包工具
整体思路:初始化参数:从配置文件 和 Shell 语句中读取与合并参数,得出最终的参数;开始编译:用上一步得到的参数初始化 Compiler 对象,加载所有配置的插件,执行对象的 run 方法开始执行编译;确定入口:根据配置中的 entry 找出所有的入口文件;编译模块:从入口文件出发,调用所有配置的 Loader 对模块进行翻译,再找出该模块依赖的模块,再递归此步骤直到所有入口依赖的文...原创 2019-02-08 19:23:29 · 876 阅读 · 0 评论 -
antd源码解读 之 构建工具antd-tools
antd-tools 作为antd源码中一个重要的构建工具存在 文档相对不是很完善我们来研究下他的源码一探究竟antd 的 package.json 中的scripts(一)prepublish"prepublish": "antd-tools run guard"这调命令涉及到了npm scripts 中的 hook prepublish是 publish 这条命令的 hook意...原创 2019-04-26 22:06:56 · 4427 阅读 · 0 评论 -
webpack plugin 透过现象看本质
这是使用 vue-cli 编译过后的输出显示是不是看起来不是很对你的胃口,是不是想改改样式看起来好看点,是不是想输出的内容丰富点,比如编译后的文件详情…1改样式:那么问题来了,如何找到这是在什么地方输出的,以及如何修改它:...原创 2019-07-29 22:25:40 · 1055 阅读 · 0 评论