reactjs - 带有 react 包的 Yarn 工作区，适用于 babel，不适用于 babel+webpack（？）

Question

编辑：我在这里创建了一个最小的回购https://github.com/kuworking/workspace-test

• git clone它
• yarn
• lerna bootstrap
• npm run build
• npm run start// 这个可行，只有没有 webpack 的 babel
• npm run build-fail
• npm run start-fail// 这个失败，使用 webpack 。

---

有效的配置用于构建库，babel-preset-gatsby-package或者它也适用于["@babel/preset-env", "@babel/preset-react"]

"build": "babel src --out-dir lib"

不起作用的配置使用["@babel/preset-env", "@babel/preset-react"]and webpack，它给出了一个React Minified错误（参见@Shlang 的评论

"build": "webpack --config ./webpack.config.js --mode=production"

// webpack.config.js

module.exports = (env, argv) => {
  const mode = argv.mode || 'development'

  const config = {
    entry: './src/index.js',
    output: {
      path: `${__dirname}/lib`,
      filename: 'index.js',
      library: 'test-fail',
      libraryTarget: 'umd',
    },
    module: {
      rules: [
        {
          test: /\.(js|jsx)$/,
          exclude: /node_modules/,
          use: ['babel-loader'],
        },
      ],
    },
    devtool: mode === 'development' ? 'cheap-module-eval-source-map' : false,
  }
  return config
}

它如何工作webpack？

标签： reactjswebpackbabeljsgatsbybabel-loader