वेबपैक

Question

द्वारा संकलित किए जाने पर मेरा पूरा कोड दो बार चलता है जब मैं webpack-dev-server का उपयोग करके वेबपैक के साथ अपना जेएस बंडल बनाता हूं तो मेरा कोड हर बार दो बार चलता है। सुनिश्चित नहीं है कि इसे कैसे ठीक किया जाए।

Screenshot of Developer Tools console

मेरे webpack config:

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') 
     } 
    ] 
    } 
}; 

Answer 1

टेम्पलेट फ़ाइल में

आप मैन्युअल रूप से एक बंडल लोड हो रहा है जोड़ दिया हो।

आप बंडल फिर से जोड़ दी जाती है

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

में

inject: false 

विकल्प नहीं है, तो।