webpack配置，排除除

Question

我正在使用skpm和react-sketchapp的反应应用。我正在导入使用ES.Next syntax的节点模块，因此我需要使用babel来解析该模块目录（node_modules/react-native-calendars）。

skpm充当应用的打包器，并将webpack与babel-loader一起使用。 skpm中的webpack配置文件设置为排除node_modules目录。因此，我在node_modules/react-native-calendars目录中收到了构建错误。

我想我可以在项目的根目录中提供一个webpack.config.js文件，该文件会覆盖node_modules的{​​{1}}出版物。

在我最初的模块/规则中：

node_modules/react-native-calendars

但我觉得我需要这样的东西：

include: (/node_modules\/react-native-calendars/),
exclude: (/node_modules/),

以下是整个exclude: new RegExp (/node_modules\/(?!(react-native-calendars))/), ：

webpack.config.js

以下是 repo 的链接（/ src和webpack配置中只有两个短文件）：https://github.com/pcooney10/rn-calendar。

的修改
我已将测试从module.exports = { module: { rules: [ { test: /\.jsx?$/, exclude: new RegExp (/node_modules\/(?!(react-native-calendars))/), use: { loader: 'babel-loader', options: { presets: ['react', 'es2015', 'stage-0'], plugins: ['transform-runtime', 'transform-class-properties'] } } } ] } }; 更改为/\.jsx$/，这是向正确方向迈出的一步，但现在似乎/\.jsx?$/中的任何导入都无法正常工作。我收到了/node_modules/react-native-calendars和Module not found: Error: Can't resolve 'SomeModule'。

的日志页面

编辑2 ： 我需要某种Field 'browser' doesn't contain a valid alias configuration声明吗？

Answer 1

你可以这样做：

{  
  test: /\.jsx?$/,  
  exclude: /node_modules\/(?!THIS_MODULE|ANOTHER_MODULE)\/).*/
}