网站后台管理系统 模板装潢设计学校
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代码缺失
