webpack.config.js keep adding a script tag for bundle.js into my index.html

Question

I have the webpack.config.js like the following

var path = require('path')
var webpack = require('webpack')
var HtmlWebpackPlugin = require('html-webpack-plugin')
var PORT = process.env.PORT || 3333
var PRODUCTION = process.env.NODE_ENV === 'production'
var SRC_DIR = path.resolve(__dirname, './src')
var Webpack_isomorphic_tools_plugin = require('webpack-isomorphic-tools/plugin')

var config = {
  entry: [
    './src/index'
  ],
  output: {
    path: path.join(__dirname, '/'),
    filename: 'bundle.js',
    publicPath: '/'
  },
  plugins: [
    new webpack.HotModuleReplacementPlugin(),
    new webpack.NoErrorsPlugin(),
    new HtmlWebpackPlugin({ template: './index.html' })
  ],
  resolve: {
    extensions: ['', '.js', '.jsx']
  },
  module: {
    loaders: [
      {
        test: /\.jsx?$/,
        loaders: ['react-hot', 'babel'],
        include: SRC_DIR
      },{ test: /\.css$/, loader: "style-loader!css-loader" }
    ]
  }
}

if (!PRODUCTION) {
  config.devtool = 'eval'
}

module.exports = config

Whenever I run a prod build using

webpack -p

it inserts a script tag

<script type="text/javascript" src="/bundle.js"></script>

into my index.html I could not figure out which part of the webpack.config.js is doing this... How can I stop this?

thanks

mark

Alejandro Garcia Anglada · Accepted Answer · 2017-04-30 08:58:25Z

4

The plugin in charge of doing that is HTMLWebpackPlugin which if you pass the option inject as false, then it will stop injecting your assets to the HTML.

Here you have the full doc https://github.com/jantimon/html-webpack-plugin

Hope it helps.

answered Apr 30, 2017 at 8:58

Alejandro Garcia Anglada

2,4031 gold badge29 silver badges41 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Mark Qian Over a year ago

Cool! it work even though it still touch the index.html but no change.

Trash Can · Accepted Answer · 2017-04-30 08:54:40Z

0

Old

plugins: [
    new webpack.HotModuleReplacementPlugin(),
    new webpack.NoErrorsPlugin(),
    new HtmlWebpackPlugin({ template: './index.html' })
]

New

plugins: [
    new webpack.HotModuleReplacementPlugin(),
    new webpack.NoErrorsPlugin()
  ]

Then you have to reference those bundles that webpack generates yourself inside your index.html file

answered Apr 30, 2017 at 8:54

Trash Can

6,8325 gold badges27 silver badges40 bronze badges

Collectives™ on Stack Overflow

webpack.config.js keep adding a script tag for bundle.js into my index.html

2 Answers 2

1 Comment

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related