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行：意外的令牌你可能需要一个合适的加载器处理此文件类型。 | import来自＆＃39; react＆＃39;;
的反应

的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'

Source信息

由于

babel-loader 6.0.0无法正常工作

1 个答案: