Javascript 像DefinePlugin一样将函数注入Web包
我想在加载程序和运行时代码之间进行通信。具体地说,我想编写一个加载程序来存储所有已加载到变量中的CSS,我可以在运行时读取该变量。下面是一些虚拟代码来说明: myLoader.js app.js 例如,使用Javascript 像DefinePlugin一样将函数注入Web包,javascript,webpack,webpack-plugin,Javascript,Webpack,Webpack Plugin,我想在加载程序和运行时代码之间进行通信。具体地说,我想编写一个加载程序来存储所有已加载到变量中的CSS,我可以在运行时读取该变量。下面是一些虚拟代码来说明: myLoader.js app.js 例如,使用webpack.DefinePlugin我可以做到: new webpack.DefinePlugin({ SOME_GLOBALLY_AVAILABLE_CONST: JSON.stringify('my value'), }), 现在,在我的加载程序和运行时代码中,我可以访问一些全局
webpack.DefinePlugin
我可以做到:
new webpack.DefinePlugin({
SOME_GLOBALLY_AVAILABLE_CONST: JSON.stringify('my value'),
}),
现在,在我的加载程序和运行时代码中,我可以访问一些全局可用的常量,并获取“我的值”。是否可以编写一个插件来执行相同的操作,但实现
storeCss
和getStoredCss
,这样我就可以在我的加载程序和运行时代码中访问它们了?您现在可以使用新的DefinePlugin来实现这一点。runtimeValue
new webpack.DefinePlugin({
SOME_GLOBALLY_AVAILABLE_FUNCTION_THAT_PROBABLY_SHOULDNT_BE_ALL_CAPS: require('./myLoader.js').toString(),
}),
webpack.config.js
new webpack.DefinePlugin({
存储的CSS:webpack.DefinePlugin.runtimeValue(
函数(){return JSON.stringify(getStoredCss())},[]
)
})
谢谢!这就是我一直在寻找的答案!
new webpack.DefinePlugin({
SOME_GLOBALLY_AVAILABLE_CONST: JSON.stringify('my value'),
}),
new webpack.DefinePlugin({
SOME_GLOBALLY_AVAILABLE_FUNCTION_THAT_PROBABLY_SHOULDNT_BE_ALL_CAPS: require('./myLoader.js').toString(),
}),