Javascript 我所有的代码在用Webpack编译时都会运行两次

当我使用

webpack dev server

使用webpack构建js包时，我的代码每次运行两次。我不知道怎么修

我的网页包配置：

var path = require('path');
var webpack = require('webpack');
var HtmlWebpackPlugin = require('html-webpack-plugin');
var CopyWebpackPlugin = require('copy-webpack-plugin');

module.exports = {
  devtool: 'cheap-eval-sourcemap',
  entry: [
    'webpack-dev-server/client?http://localhost:8080',
    'webpack/hot/dev-server',
    path.join(__dirname, '../src/main')
  ],
  output: {
    path: path.join(__dirname, '../dist'),
    filename: 'bundle.js'
  },
  plugins: [
    new webpack.HotModuleReplacementPlugin(),
    new webpack.optimize.OccurenceOrderPlugin(),
    new HtmlWebpackPlugin({
      template: path.join(__dirname, '../src/index.html')
    }),
    new CopyWebpackPlugin([
      {
        from: path.join(__dirname, '../assets'),
        to: path.join(__dirname, '../dist/assets')
      }
    ])
  ],
  devServer: {
    contentBase: path.join(__dirname, '../dist'),
    outputPath: '/lol',
    hot: true
  },
  module: {
    loaders: [
      {
        test: /\.js$/,
        loaders: ['babel-loader'],
        include: path.join(__dirname, '../src')
      }
    ]
  }
};

---

在模板文件中，您可能已经手动添加了加载捆绑包的方法

如果你没有

inject: false 

选择权

new HtmlWebpackPlugin({
    template: path.join(__dirname, '../src/index.html')
}),

将再次添加该捆绑包。

在@和@的早期答复上稍微扩展一点

或者，如果您的

。/src/index.html

文件不依赖于

以外的任何脚本，只需从index.html中删除后者即可

根据，

inject

的默认值为

true

，并且

当传递

true

或

'body'

时，所有javascript资源都将 放置在主体元素的底部

因此，bundle.js的两个实例是：

您（大概）编写的

，以及

HtmlWebpackPlugin的注射“在身体元素的底部”

---

我看到同样的行为已经有一段时间了。这感觉就像是一种倒退。我看不出配置有任何明显的错误，因为它与我使用的配置类似。如果以内联模式运行dev服务器，则可以获得相同的行为（

inline:true

+删除那些与dev服务器相关的条目）。我想我们必须深入研究代码才能解决这个问题。这可能与。嘘，你是个救生员。幸运的是，从那时起，我重写了webpack配置文件，并将inject设置为false，但我不知道这是问题所在。谢谢你救了我的命。这个问题让我发疯多疯狂的虫子：-其他的都有用！没有更多的双重初始化！唯一的问题是，当“inject:false”时，我看到样式发生了变化。关于为什么会这样做有什么见解吗？这当然有效，但删除模板的

标记可能更直接，因为它可能是双重包含的原因。