
Webpack
星耀199
这个作者很懒,什么都没留下…
展开
-
webpack中SplitChunksPlugin代码分割
SplitChunksPlugin相关配置解读 ·````module.exports = { optimization: { splitChunks: { chunks: 'async', minSize: 30000, maxSize: 0, minChunks: 1, maxAsyncRequests: 5, ...原创 2019-05-20 22:27:54 · 487 阅读 · 0 评论 -
webpack打包优化
1.使用npm ,node,webpack的新版本 2文件用loader是要把exclude:/node_modules/去除是js 或使用include:path.resoleve(_dirname,'../src')只会打包src目录下的文件 3尽量不要使用一些打包插件这样会降低他们的打包速度 4尽量使用官方社区的插件,其他插件可以实现功能,但是可能忽略他们的性能 5.合理优化resolv...原创 2019-05-27 15:02:25 · 102 阅读 · 0 评论 -
webpack之如何自己去做一个loader
3.0如何自己创建一个loader 就是一个函数(不能使用箭头函数因为loader的配置中有this若用箭头函数指向window) 格式:module.exports=function(source){ this.query//是options中的内容可以用loader-untils 还有就是this.callback(err,content,sourceMap,meta)把你的l...原创 2019-05-27 15:04:49 · 180 阅读 · 0 评论 -
webpack解析
一。资产管理Asset Management 1.加载css,style-loader(把css放到head中),css-loader(分析css的依赖关系) 2.加载图片,file-loader,url-loader(小图片也就是base64) 3.加载字体 file-loader 4.加载数据csv-loader和xml-loader 二。发展Development 1.找...原创 2019-05-29 00:39:16 · 309 阅读 · 0 评论