webpack可以通過(guò)使用expose-loader來(lái)將模塊中的一個(gè)js文件暴露為全局可以訪問(wèn)的變量。下面是一個(gè)示例代碼：
1、安裝expose-loader
npm install expose-loader --save-dev
2、webpack.config.js配置文件
值得注意的是：我在本地使用16.14.2版本的node打包時(shí)會(huì)報(bào)一些警告，升級(jí)node18.12.1未報(bào)警告，警告信息如下：
文章來(lái)源：http://www.zghlxwxcb.cn/news/detail-820466.html
module.exports = {
entry: "./lib/index.js",
output: {
path: path.resolve(__dirname, "dist"),
filename: "dist.js",
clean: true,
},
module: {
rules: [
{
test: require.resolve('./lib/index.js'), // 模塊的路徑
use: [
{
loader: 'expose-loader',
options: {
exposes: 'outName' // 替換為你想要暴露的全局變量名
}
}
]
}
]
}
};
文章來(lái)源地址http://www.zghlxwxcb.cn/news/detail-820466.html
到了這里，關(guān)于webpack如何把dist.js中某個(gè)模塊js打包成一個(gè)全局變量，使得在html引入dist.js后可以直接訪問(wèn)的文章就介紹完了。如果您還想了解更多內(nèi)容，請(qǐng)?jiān)谟疑辖撬阉鱐OY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章，希望大家以后多多支持TOY模板網(wǎng)！
