摘要:
本地测试用 dll ,上线用 externals 这是 webpack.dll.js 名字随意,内容较多,看图 运行用 webpack --config webpack.dll.js 执行完后会产生2个文件 第二步 上面生成的文件(dll文件夹里面的),除了 manifest.json 外,其他的在 阅读全文
摘要:
把要CDN的放在externals ,拒绝打包 接着在html 中 放 CDN 阅读全文
摘要:
代码很多的时候用,不然 会很慢 下载 : thread-loader webpack.config.js 里 use 的执行顺序 下到上,右到左 thread-loader 要 放在 babel-loader 的后面,看图 阅读全文
摘要:
看图片,看不到图片把极速模式关了 阅读全文
摘要:
一、 单入口打包和多入口打包 二、多入口 + optimization(少用) 2个入口文件只引入JQ,打包出来的是2个文件,都是87K 用了 optimization,打包出来的是3个文件,optimization算1个 看红色圈起来的地方,对比下就知道,入口文件大小都变小了 结论: optimi 阅读全文
摘要:
oneOf里不能有2个loader 处理 同一个目标文件 比如oneOf里有 2个 目标是JS(test:/\.js$/),2个loader是 eslint-loader 和 babel-loader 一般是 语法检查完后再执行 babel-loader ,所以把 eslint-loader 提出来 阅读全文
摘要:
babel 缓存: 在babel-loader中的options中开启 cacheDirectory:true 文件资源缓存: JS命名: CSS命名: 总结: babel缓存: 缺点是 不能修改 优点: 第二次打包构建速度更快 hash: 缺点是 执行一次webpack,hash值就会变化,css 阅读全文
摘要:
source-map 作用: 构建后代码出错,可以定位到源码错误位置 在webpack。config.js 中设置 有多种选项,可以分成内联和外联 外联: 下面圈起来的是外联 内外区别: 外联:外部生成文件,内联没有 内联:构建速度更快 下面说几个选项的作用 source-map: 错误原因: 错误 阅读全文