帶有 Webpack 和 Babel 的紗線工作區

Question

我正在嘗試使用 Webpack 和 React 客戶端設置 Yarn 工作區，但無法讓babel-loader獲得榮譽。 這是一個示例回購

本質上，我將 package 設置為“工具”package，其中包含我所有的開發工具，並且可以根據需要導入到 package 中。 此處概述了此模式。 我嘗試使用這種模式，因為它似乎是使用紗線包開發工具的更清潔的解決方案。

上面的文章提到了使用 Webpack 以類似的方式使用，但是我無法讓client package 正確編譯。

運行yarn install然后運行yarn --cwd packages/client build會導致此錯誤：

ERROR in ./src/index.js 5:16
Module parse failed: Unexpected token (5:16)
You may need an appropriate loader to handle this file type, currently no loaders are 
configured to process this file. See https://webpack.js.org/concepts#loaders
| import App from './App'
|
> ReactDOM.render(<App />, document.getElementById('root'))
|

我猜這是因為 package 不尊重我的.babelrc.js中列出的加載器/預設：

module.exports = {
  presets: ["@babel/preset-env", "@babel/preset-react"]
}

問題 1：這種模式是否比它更有價值？

問題 2：為什么我的 react 代碼無法編譯？

Answer 1

我有.webpack.config.js而不是webpack.config.js 。