React Webpack配置babel 报错 Invalid configuration object. Webpack has been initialised using a configu

最新推荐文章于 2024-08-24 15:32:14 发布

輕描淡寫以後的以後

最新推荐文章于 2024-08-24 15:32:14 发布

阅读量1.7w

点赞数 4

分类专栏： react

本文链接：https://blog.csdn.net/xu838209490/article/details/80743775

版权

react 专栏收录该内容

2 篇文章 0 订阅

订阅专栏

使用node来安装react, babel webpack.fonfig.js 配置

报错:Invalid configuration object. Webpack has been initialised using a configuration object that does not match the API schema.

注意事项：

1: path: "请使用绝对路径,

2:loaders改为rules

3:babel改为babel-loader

 
  var 
  path = 
  require( 
  'path'); 
 
  module. 
  exports = { 
 
  mode: 
  'production', 
 
  //入口文件 
 
  entry: 
  './app/index.js', 
 
  //出口文件 
 
  output:{ 
 
  filename: 
  'index.js', 
 
  path:path. 
  resolve( 
  __dirname, 
  'dist'), 
 
  publicPath: 
  'temp/' 
 
   }, 
 
  devServer:{ 
 
  contentBase: 
  './', 
 
  host: 
  'localhost', 
 
  compress: 
  true, 
 
  port: 
  1717 
 
   }, 
 
  module:{ 
 
  rules:[ 
 
   { 
 
  test: 
  / 
  \. 
  js 
  $ 
  /, 
 
  exclude: 
  /node_modules/, 
 
  loaders: 
  "babel-loader", 
 
  query:{ 
 
  presets:[ 
  'es2015', 
  'react'] 
 
   } 
 
   } 
 
   ] 
 
   } 
 
   }