Question

我使用react-create-app创建了一个应用程序，它生成了一个webpack配置。但是现在，我想排除bundle webpack的一个组件，因为该组件包含必须修改的配置信息。我阅读了很多关于外部的内容并使用webpack排除配置但不幸的是似乎没有一个对我有用。在我的例子中，这是我的src文件夹：

-views
-config
|-ConfigCtl.js
-App.js
...

我想排除文件ConfigCtl.js。我试着将它放在modules.export部分的webpack.config.dev.js文件中：

externals: {
    "./src/config/ConfigCtl.js": "ConfigCtl"
  }

但是ConfigCtl文件总是打包在...中不是其他主题的重复。我已经尝试过本主题提出的解决方案，但效率不高...... 有什么建议吗？

Answer 1

如果您正在使用与webpack的反应，请转到您的webpack配置文件，并在测试/.js$/的规则中有一个部分从bundle中排除dir或文件。一旦完成，文件将被排除从捆绑。

 module:{
    rules:[
      {
        test: /\.js$/,
        exclude: /node_modules/,"./src/config/ConfigCtl.js"
        use: {
          loader: "babel-loader"
        }
      }

react js排除webpack bundle

1 个答案: