babel-loader 6.0.0无法正常工作

Question

我正在使用webpack这是我的

webpack.config.js

const path = require('path');

module.exports = {
  entry: './src/app',
  output: {
    path: path.join(__dirname, '/public'),
    filename: 'bundle.js'
  },
  watch: true,
  watchOptions: {
    aggregateTimeout: 100
  },
  devtool: 'source-map',
  module: {
    loaders: [{
      test: /\.js$/,
      loader: "babel-loader"
    }]
  }
}

这是我从入口点开始的文件

app.js

import React from 'react'

没有任何东西,只是简单的代码行.当我试图从命令行运行webpack时,我得到了下一个错误

app.js第1行:意外的令牌您可能需要一个合适的加载器来处理此文件类型.| 从'react'导入React;

的package.json

{
  "name": "a-b-c",
  "version": "1.0.0",
  "main": "server.js",
  "dependencies": {
    "babel-loader": "^6.0.0",
    "react": "^0.14.1",
    "webpack": "^1.12.2"
  },
  "devDependencies": {
    "babel-core": "^6.0.14"
  },
  "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1"
  },
  "author": "",
  "license": "ISC",
  "description": ""
}

此外,当我将app.js文件中的ES6语法更改为ES5时,它运行良好.有什么建议？提前致谢.

Answer 1

我发现了.问题出在babel-loader上并修复了你需要安装的这个问题

npm install babel-loader babel-core babel-preset-es2015

并在下一行添加到webpack.config.js文件中

loader: 'babel?presets[]=es2015'

信息来源

谢谢