如何使用带有.jsx文件的expose-loader来启用用户脚本

时间:2017-08-16 19:27:35

标签: javascript reactjs webpack babel-loader

我想公开主要在webpack中编写的项目的代码库,以便用户可以动态地注入和修改UI代码。这对于.js文件和库来说很简单:

//webpack.config.js,
module.exports = {
    module: {
        rules: [
        {
            test: require.resolve("Library"),
            loader: "expose-loader?Library"
        },

现在我有了,正如您所期望的那样,变量 Library 包含应该存在的所有内容。但是,当我尝试使用:

公开反应组件(.jsx)时
   test: require.resolve("./src/AwesomeComponent.jsx"),
   loaders: ["expose-loader?AwesomeComponent", "babel-loader"]

我只得到一个空变量 AwesomeComponent 。我在这里缺少什么?

0 个答案:

没有答案