我正在尝试指定一个不在我的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的第一行。
有人知道我想做的事是否可行,还是我应该采取其他方法?
答案 0 :(得分:0)
添加const constraints = {
video: {
facingMode: {
exact: "environment"
}
}
};
作为开发人员依赖项并使用它:
path
答案 1 :(得分:0)
通过进行2次更改来解决:
第一个专业,我被.babelrc重命名为babel.config.js。有关如何解决问题here的更多信息。
我还添加了resolve.modules配置,以添加webpack项目的node_modules。
...
resolve: {
modules: [ path.resolve(__dirname, 'node_modules') ],
},
...