Javascript 尝试运行Web包时出现意外错误

这个问题涉及到，我正在尝试打包我的react应用程序（html和javascript），并将其部署到IIS上的另一台机器上

---

当我运行

npm运行build:prod

时，我得到一个错误：

index.js第1行：意外的保留字。您可能需要适当的加载程序来处理此文件类型。

---

这是我在包.json中的

脚本部分：

  "scripts": {
    "start": "node server.js",
    "build:prod": "webpack --optimize-minimize --config webpack.prod.config.js",
    "lint": "eslint src"
  },

var path = require('path');
var webpack = require('webpack');

module.exports = {
  devtool: 'eval',
  entry: [
    './src/index'
  ],
  output: {
    path: path.join(__dirname, 'dist_prod'),
    filename: 'bundle.js',
    publicPath: '/static/'
  },
  plugins: [
    new webpack.ProvidePlugin({ $: "jquery", jQuery: "jquery" })
  ],
  externales: { "jquery": "jQuery", "$": 'jQuery' },
  resolve: {
    extensions: ['', '.js', '.jsx']
  },
  module: {
    loaders: [
      { test: /\.less$/, loader: 'style-loader!css-loader!less-loader' }, // use ! to chain loaders
      { test: /\.css$/, loader: 'style-loader!css-loader' },
      { test: /\.(png|jpg|gif)$/, loader: 'url-loader?limit=8192' } // inline base64 URLs for <=8k images, direct URLs for the rest
    ]
  }
};

webpack.prod.config.js：

  "scripts": {
    "start": "node server.js",
    "build:prod": "webpack --optimize-minimize --config webpack.prod.config.js",
    "lint": "eslint src"
  },

var path = require('path');
var webpack = require('webpack');

module.exports = {
  devtool: 'eval',
  entry: [
    './src/index'
  ],
  output: {
    path: path.join(__dirname, 'dist_prod'),
    filename: 'bundle.js',
    publicPath: '/static/'
  },
  plugins: [
    new webpack.ProvidePlugin({ $: "jquery", jQuery: "jquery" })
  ],
  externales: { "jquery": "jQuery", "$": 'jQuery' },
  resolve: {
    extensions: ['', '.js', '.jsx']
  },
  module: {
    loaders: [
      { test: /\.less$/, loader: 'style-loader!css-loader!less-loader' }, // use ! to chain loaders
      { test: /\.css$/, loader: 'style-loader!css-loader' },
      { test: /\.(png|jpg|gif)$/, loader: 'url-loader?limit=8192' } // inline base64 URLs for <=8k images, direct URLs for the rest
    ]
  }
};

var path=require（'path'）；
var webpack=require（'webpack'）；
module.exports={
devtool:“eval”，
条目：[
“./src/index”
],
输出：{
path:path.join（uu dirname，'dist_prod'），
文件名：“bundle.js”，
公共路径：'/static/'
},
插件：[
新的webpack.ProvidePlugin（{$：“jquery”，jquery:“jquery”}）
],
外部：{“jquery”：“jquery”、“$”：“jquery”}，
决心：{
扩展名：[''，'.js'，'.jsx']
},
模块：{
装载机：[
{test://\.less$/，loader:'style loader！css loader！less loader'}，//使用！链接加载程序
{test:/\.css$/，loader:'style loader！css loader'}，
{test://\（png | jpg | gif）$/，loader:'url loader？limit=8192'}//内联base64 url for实际上我缺少一个加载程序：

loaders: [
  {
    test: /\.jsx?$/,
    loaders: ['babel'],
    include: path.join(__dirname, 'src')
  },
  { test: /\.less$/, loader: 'style-loader!css-loader!less-loader' }, // use ! to chain loaders
  { test: /\.css$/, loader: 'style-loader!css-loader' },
  { test: /\.(png|jpg|gif)$/, loader: 'url-loader?limit=8192' } // inline base64 URLs for <=8k images, direct URLs for the rest
]

装载机：[
{
测试：/\.jsx？$/,，
装载机：[“巴别塔”]，
include:path.join（uu dirname，'src'）
},
{test://\.less$/，loader:'style loader！css loader！less loader'}，//使用！链接加载程序
{test:/\.css$/，loader:'style loader！css loader'}，
{test://\（png | jpg | gif）$/，loader:'url loader？limit=8192'}//内联base64 url，因为我认为您缺少用于传输ES6和JSX的加载程序。可能缺少babel和JSX加载程序？我认为您是对的