在webpack配置文件中,可以使用externals
选项来排除将库打包进构建文件中。例如,如果你想在构建过程中排除lodash库,可以按照以下步骤操作:
首先安装lodash库:npm install lodash --save
在webpack配置文件中添加以下代码:
module.exports = {
// 其他配置项...
externals: {
lodash: "_"
}
};
这样配置会告诉webpack,lodash库将在全局作用域中可用,并且不需要将它打包进构建文件中。
Webpack External Example
注意,这里的bundle.js
是webpack构建生成的输出文件。
这样配置后,webpack会将自己的代码打包进bundle.js文件中,但不会包含lodash库的代码。相反,它会在构建过程中依赖lodash库的全局变量_
。
这就是如何在webpack构建中排除JS库,并在script标签中引入的解决方法。