module.noParse(跳过指定文件的依赖解析)
1. 说明
module.noParse 是 Webpack 的一个配置项,用于跳过对指定模块的解析。通过忽略某些文件的依赖分析,可以提升构建速度,尤其适用于处理大型、独立的第三方库
2. 使用配置
- webpakc.config.js
const path = require('path');
module.exports = {entry: "./src/index.js",output: {path: path.resolve(__dirname, 'dist1'),publicPath: "/dist1/"},module: {noParse: /a.js/, // 调过引入文件中所依赖的文件或包,比如 a.js 还依赖 b.js,打包构建 a.js 会被打到包里,但会跳过 a.js 文件里依赖解析, b.js 不会被打到包里},optimization: {minimize: false}
}
- a.js
import b from './b.js'
const a = () => {b()console.log('this is a')
}export default a
- b.js
const b = () => {console.log('this is b')
}export default b
3. 效果展示
打包的主文件里会把 a.js打入包中,a.js还依赖了b.js,b.js 不会被解析,并不会将b.js 代码打入主包中
- 打包后的文件
- 运行代码时,会报错依赖的b.js代码缺失