1234前来报到

2021年2月6日

resolve (16)

摘要： resolve 作用：解析模块里面的 extensions 写了后，可以在导入的时候不写后缀，按顺序匹配，如果遇到同名文件就凉凉阅读全文

posted @ 2021-02-06 10:57 1234前来报到阅读(60) 评论(0) 推荐(0)

常用的 output 配置（15）

摘要： libraryTarget 配合 dll 用阅读全文

posted @ 2021-02-06 10:53 1234前来报到阅读(78) 评论(0) 推荐(0)

2021年1月29日

dll 本地测试用（14）

摘要：本地测试用 dll ，上线用 externals 这是 webpack.dll.js 名字随意，内容较多，看图运行用 webpack --config webpack.dll.js 执行完后会产生2个文件第二步上面生成的文件（dll文件夹里面的），除了 manifest.json 外，其他的在阅读全文

posted @ 2021-01-29 17:49 1234前来报到阅读(78) 评论(0) 推荐(0)

externals 拒绝打包，引入CDN 非常实用（13）

摘要：把要CDN的放在externals ,拒绝打包接着在html 中放 CDN 阅读全文

posted @ 2021-01-29 17:17 1234前来报到阅读(160) 评论(0) 推荐(0)

多进程打包非常实用（12）

摘要：代码很多的时候用，不然会很慢下载： thread-loader webpack.config.js 里 use 的执行顺序下到上，右到左 thread-loader 要放在 babel-loader 的后面，看图阅读全文

posted @ 2021-01-29 16:45 1234前来报到阅读(64) 评论(0) 推荐(0)

懒加载预加载非常实用（11）

摘要：看图片，看不到图片把极速模式关了阅读全文

posted @ 2021-01-29 15:39 1234前来报到阅读(42) 评论(0) 推荐(0)

分割代码主要是JS --非常实用（10）

摘要：一、单入口打包和多入口打包二、多入口 + optimization（少用） 2个入口文件只引入JQ，打包出来的是2个文件，都是87K 用了 optimization，打包出来的是3个文件，optimization算1个看红色圈起来的地方，对比下就知道，入口文件大小都变小了结论： optimi 阅读全文

posted @ 2021-01-29 15:24 1234前来报到阅读(90) 评论(0) 推荐(0)

oneOf 和 tree shaking --非常实用（9）

摘要： oneOf里不能有2个loader 处理同一个目标文件比如oneOf里有 2个目标是JS（test:/\.js$/），2个loader是 eslint-loader 和 babel-loader 一般是语法检查完后再执行 babel-loader ,所以把 eslint-loader 提出来阅读全文

posted @ 2021-01-29 14:34 1234前来报到阅读(82) 评论(0) 推荐(0)

babel缓存非常实用（8）

摘要： babel 缓存：在babel-loader中的options中开启 cacheDirectory：true 文件资源缓存： JS命名： CSS命名：总结： babel缓存：缺点是不能修改优点：第二次打包构建速度更快 hash：缺点是执行一次webpack，hash值就会变化，css 阅读全文

posted @ 2021-01-29 14:10 1234前来报到阅读(647) 评论(0) 推荐(0)

source-map 非常实用（7）

摘要： source-map 作用：构建后代码出错，可以定位到源码错误位置在webpack。config.js 中设置有多种选项，可以分成内联和外联外联：下面圈起来的是外联内外区别：外联：外部生成文件，内联没有内联：构建速度更快下面说几个选项的作用 source-map: 错误原因：错误阅读全文

posted @ 2021-01-29 11:33 1234前来报到阅读(139) 评论(0) 推荐(0)

公告