webpack
u014628388
这个作者很懒,什么都没留下…
展开
-
JavaScript Source Map 详解
jQuery 1.9发布。 这是2.0版之前的最后一个新版本,有很多新功能,其中一个就是支持Source Map。 访问 http://ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js,打开压缩后的版本,滚动到底部,你可以看到最后一行是这样的: //@ sourceMappingURL=jquery.min.map ...转载 2018-09-04 17:42:53 · 214 阅读 · 0 评论 -
webpack中hash、chunkhash和contenthash三者的区别
在webpack中有时需要使用hash来做静态资源实现增量更新方案之一,文件名的hash值可以有三种hash生成方式,每一种都有不同应用场景,那么三者有何区别呢? hash、chunkhash、contenthash hash一般是结合CDN缓存来使用,通过webpack构建之后,生成对应文件名自动带上对应的MD5值。如果文件内容发生改变的话,那么对应文件hash值也会改变,对应的HTML引用...转载 2018-09-04 19:55:52 · 3273 阅读 · 1 评论 -
webpack代码分割技巧
1. 代码中定义分割点 webpack支持在代码中定义分割点。分割点指定的模块只有在真正使用时才加载,可以使用webpack提供的require.ensure语法: $('#okButton').click(function(){ require.ensure(['./foo'], function(require) { var foo = require('./foo'); ...转载 2018-09-11 15:51:33 · 5258 阅读 · 0 评论 -
用webpack的CommonsChunkPlugin提取公共代码的3种方式(webpack4 removed)
前面我们实现了 多页面分离资源引用,按需引用JS和css 但有一个问题:最后生成的3个js,都有重复代码,我们应该把这部分公共代码单独提取出来。 方式一,传入字符串参数 new webpack.optimize.CommonsChunkPlugin(‘common.js’), // 默认会把所有入口节点的公共代码提取出来,生成一个common.js var HtmlWebpackPlug...转载 2018-09-05 18:50:05 · 669 阅读 · 0 评论 -
HappyPack not work in webpack 4
问题描述: 在webpack4版本使用happypack会出现以下错误: if (resolve.length === 4) { ^ TypeError: Cannot read property 'length' of undefined at resolveLoader (...\node_modules\happypack\lib\Webpack...原创 2018-09-06 14:39:05 · 1270 阅读 · 0 评论 -
webpack中使用postcss-loader
前情提要: 在之前项目webpack1.x版本升级到webpack4.x版本,使用postcss-loader代替autoprefixer。 在webpack.config.js中直接使用postcss plugins会有 No PostCSS Config found in ... 的错误。 { loader: 'postcss-loader', ...原创 2018-09-10 17:43:24 · 2810 阅读 · 1 评论