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代碼缺失