4.1.6 优化 module.noParse 配置
2019-11-27 本文已影响0人
柠檬与断章
4.1.6 优化 module.noParse 配置
问题一: 优化 module.noParse 配置 配置?
module.noParse配置项可以让 Webpack 忽略对部分没采用模块化的文件的递归解析处理,这样做的好处是能提高构建性能。 原因是一些库,例如 jQuery 、ChartJS, 它们庞大又没有采用模块化标准,让 Webpack 去解析这些文件耗时又没有意义。
在上面的优化 resolve.alias 配置中讲到单独完整的react.min.js文件就没有采用模块化,让我们来通过配置module.noParse忽略对react.min.js文件的递归解析处理, 相关 Webpack 配置如下:
const path = require('path');
module.exports = {
module: {
// 独完整的 react.min.js
文件就没有采用模块化,忽略对 react.min.js
文件的递归解析处理
noParse: [/react.min.js$/],
},
};
注意被忽略掉的文件里不应该包含import、require、define等模块化语句,不然会导致构建出的代码中包含无法在浏览器环境下执行的模块化语句。