webpack
文章平均质量分 56
luqingxuan
这个作者很懒,什么都没留下…
展开
-
webpack:hash/chunkhash/contenthash
学习webpack mark https://zhuanlan.zhihu.com/p/23595975 http://geek.csdn.net/news/detail/135599 https://sebastianblade.com/using-webpack-to-achieve-long-term-cache/#hash https://zhuanla...原创 2017-09-26 18:16:42 · 117 阅读 · 0 评论 -
RuleSet之resource/resourceQuery
RuleSet解析webpack.config.js设定的一系列配置约束(module.rules部分), 结合import(resourcePath)/require(resourcePath)引入的资源, 计算resourcePath和配置规则的匹配结果 直白的说,可以认为这个过程是筛选使用哪些loader去加载处理资源的过程 webpack源码RuleSet看到c...原创 2018-06-07 09:16:55 · 1559 阅读 · 0 评论 -
入口之webpackJsonpCallback
每个chunk的入口函数,基本上做了三件事,比如针对app.jswebpackJsonpCallback([0,1], { 2: function(){}, 3:function(){}}, [2]); 1.chunk1有可能依赖chunk0,要先执行chunk0,也有可能chunk0已经执行过了,所以需要判断 2.将module = 2/3 的定义保存在modu...原创 2018-06-06 11:07:47 · 7685 阅读 · 0 评论 -
源码解读
这个系列不错https://www.cnblogs.com/QH-Jimmy/p/8034891.html https://mp.weixin.qq.com/s?__biz=MzI3NTM1MjExMg==&mid=2247484647&idx=1&sn=0ffc79ae9c1ca56d972bcb13bedc848e&scene=21#wec...原创 2018-06-05 11:15:39 · 122 阅读 · 0 评论 -
webpack优化
https://jeffjade.com/2017/08/12/125-webpack-package-optimization-for-speed/ https://github.com/webpack-china/awesome-webpack-cn/issues/1原创 2018-06-04 09:02:27 · 73 阅读 · 0 评论 -
compiler.apply.apply(compiler, optoins.plugins)
webpack.js文件有一句代码特别拗口compiler.apply.apply(compiler, options.plugins);compiler = new Compiler(); compiler.context = options.context; compiler.options = options; new NodeEnvironmentPlugin...原创 2018-06-01 14:57:43 · 383 阅读 · 0 评论 -
入口之__webpack_require__
此处module,exports并不是commonJS、CMD、AMD规范的module,exports而是webpack自定义的对象 module和chunk是不同的设定,chunk可以理解为一个个的js文件,module理解为chunk文件的组成部分,根据功能划分的代码块/******/ // The require function/******/ fun...原创 2018-06-01 11:32:06 · 8221 阅读 · 0 评论 -
入口之__webpack_require__.e
这个方法适用于通过require.ensure或者import()懒加载的模块chunk分init chunk,entry chunk,normal chunk init chunk指代不包含runtime代码的chunk,一般是通过webpack的entry配置的入口 entry chunk指代包含runtime代码的chunk,一般通过commonchunkpl...原创 2018-06-01 11:09:33 · 1474 阅读 · 0 评论 -
file-loader & url-loader
limit配置:https://blog.csdn.net/qq_38652603/article/details/73835153 通过css文件配置:.bg{background-image: url('test.jpg');} 通过file-loader配置use: [{ loader: 'u...原创 2018-05-29 09:34:58 · 131 阅读 · 0 评论 -
imports-loader exports-loader expose-loader
imports-loader就是根据预设规则,在require('x')时,将bundle的第三方依赖注入,防止报错Query valueEqualsangular var angular = require("angular");$=jqueryvar $ = require("jquery");define=>falsevar ...原创 2018-05-28 08:45:14 · 336 阅读 · 0 评论 -
bundle-loader & promise-loader
只是对require.ensure进行了封装而已 promise-loader返回了promise实例 lazy比较关键,建议看源码一下原创 2018-05-22 09:35:27 · 199 阅读 · 0 评论 -
require.ensure & import
注意点:1.重命名2.babel-plugin-syntax-dynamic-import3.Promise http://doc.okbase.net/stef/archive/260193.html https://webpack.js.org/guides/code-splitting/原创 2018-05-22 09:24:56 · 235 阅读 · 0 评论 -
happypack
https://github.com/amireh/happypack https://yq.aliyun.com/articles/67269 https://segmentfault.com/a/1190000007891318原创 2017-12-06 17:18:04 · 400 阅读 · 0 评论 -
webpack:libaray/library target
学习mark http://blog.csdn.net/liangklfang/article/details/54970899原创 2017-09-27 08:13:02 · 90 阅读 · 0 评论 -
webpack: jquery
学习mark 需要注意:require('expose-loader?ReduxSaga!redux-saga'); RedxuSaga.default才是需要的,而不是ReduxSaga对象,猜测来源于redux-saga源码文件,export default ReduxSaga,导致的default。。。 http://blog.csdn.net/yiifa...原创 2017-09-27 08:07:05 · 64 阅读 · 0 评论 -
webpack: source map
学习mark http://www.cnblogs.com/axl234/p/6500534.html http://blog.csdn.net/derek518/article/details/50982890 http://blog.allenm.me/2012/12/whats-sourcemap/ http://www.cnblogs.com/fsjoh...原创 2017-09-27 08:06:50 · 54 阅读 · 0 评论 -
webpack: DllPlugin
学习mark https://segmentfault.com/a/1190000007104372 https://segmentfault.com/a/1190000005969643 http://blog.csdn.net/technofiend/article/details/52850596原创 2017-09-27 08:00:52 · 144 阅读 · 0 评论 -
RuleSet之compiler/issuer
上节说明了参数rule.resource/rule.resourceQuery 配置值可以是string、regex、funciton、array组合, 关键在于通过RuleSet.normalizeCondition处理实现 比较完整的格式如下:module: { rules: [{ resource: { test: /\.js$/,...原创 2018-06-07 10:00:21 · 247 阅读 · 0 评论