javascript - webpack/src 根目录之外

Question

我正在尝试指定一个不在我的 React 项目根目录下的 Webpack 入口点。本质上，我想将整个 /src 目录移动到其他地方，以便可以共享。这是我的目录结构和 webpack 配置:

monorepo/
|-- webpack-project/
|-- |-- package.json
|-- |-- webpack.config.json
|-- |-- old-src/
|-- |-- |-- index.js
|-- other-project
|-- |-- src/
|-- |-- |-- index.js

module.exports = {
    entry: {
        app: `${__dirname}/../other-project/src/index.js`
    },
    output: {
        path: path.resolve(`${__dirname}/wwwroot`),
        publicPath: '/',
        filename: '[name].js',
    },
    module: {
        rules: [
            { test: /\.js$/, loader: 'babel-loader', exclude: /node_modules/ },
            { test: /\.jsx$/, loader: 'babel-loader', exclude: /node_modules/ },
        ],
    },
}

当我指定${__dirname}/old-src/index.js时，我的项目构建得很好。当我指定 other-project/src 的路径时，它出现问题。我从 babel 加载器收到的错误位于入口文件中 JSX 的第一行:当前未启用对实验性语法“jsx”的支持。

有谁知道我想做的事情是否可能，或者我是否应该采取不同的方法？

Answer 1

通过进行 2 处更改修复:

第一个主要的，我将 .babelrc 重命名为 babel.config.js。详细了解为什么这可以解决问题 here .

我还添加了resolve.modules配置来添加webpack项目的node_modules。

  ...

  resolve: {
      modules: [ path.resolve(__dirname, 'node_modules') ],
  },

  ...