Babel-loader 需要 babel-core 而不是 @babel/core答案

【问题标题】：Babel-loader requires babel-core instead of @babel/coreBabel-loader 需要 babel-core 而不是 @babel/core
【发布时间】：2018-08-23 13:30:29
【问题描述】：

我用@babel/core 替换了babel-core，而babel-loader 期望babel-core：

{
  "name": "myproject-ui",
  "version": "1.0.0",
  "description": "User interface for myproject",
  "main": "index.js",
  "scripts": {
    "start": "npx webpack-dev-server",
    "build": "npx webpack",
    "test": "echo \"Error: no test specified\" && exit 1"
  },
  "author": "Hello",
  "license": "ISC",
  "devDependencies": {
    "@babel/core": "^7.0.0-rc.2",
    "@babel/plugin-proposal-object-rest-spread": "^7.0.0-rc.2",
    "@babel/preset-env": "^7.0.0-rc.2",
    "@babel/preset-react": "^7.0.0-rc.2",
    "babel-loader": "^7.1.5",
    "webpack": "^4.16.5",
    "webpack-cli": "^3.1.0",
    "webpack-dev-server": "^3.1.5"
  },
  "babel": {
    "presets": [
      "env",
      "react",
      "@babel/plugin-proposal-object-rest-spread"
    ]
  },
  "dependencies": {
    "axios": "^0.18.0",
    "history": "^4.7.2",
    "react": "^16.4.2",
    "react-dom": "^16.4.2",
    "react-router-dom": "^4.3.1"
  }
}

这是我的 webpack 配置文件：

module.exports = {
  entry: './src/index.js',
  output: {
    path: __dirname,
    publicPath: '/',
    filename: 'bundle.js'
  },
  module: {
    rules: [{
      test: /\.js$/,
      exclude: /node_modules/,
      loader: 'babel-loader'
    }]
  },
  mode: 'development',
  devServer: {
    historyApiFallback: true,
    contentBase: './'
  }
};

我知道babel-loader 可以与babel-core 一起使用，但是如果我们想使用@babel/core 而不是babel-core 怎么办？

【问题讨论】：

标签： webpack babeljs

【解决方案1】：

AFAIK 你至少需要babel-loader@^8.0.0-beta 才能将 babel 7+ 与 webpack 一起使用。 babel-loader 的稳定版仍然是第 7 版。使用 babel-loader@next 或指定要使用的加载程序的另一个 beta 版本。

这是注册表中的最新版本。 babel-loader 8.0.0-beta.6

【讨论】：