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加载器收到的错误是在条目文件Support for the experimental syntax 'jsx' isn't currently enabled中JSX的第一行。

有人知道我想做的事是否可行，还是我应该采取其他方法？

Answer 1

添加const constraints = { video: { facingMode: { exact: "environment" } } };作为开发人员依赖项并使用它：

path

Answer 2

通过进行2次更改来解决：

第一个专业，我被.babelrc重命名为babel.config.js。有关如何解决问题here的更多信息。

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

  ...

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

  ...

根目录外部的webpack / src

2 个答案: