html-webpack-pluginがindex.html
の本文にスクリプトを挿入しているhtml-webpack-pluginとwebpackを使用している問題があります。これは明らかにwebpackに継続的にリフレッシュさせ、毎回新しいファイルを生成させているようです。まず、これを防ぐにはどうすればいいのですか?第2に、html-webpack-pluginを設定して、webpackに対応するスクリプトを削除する方法があります。これはもはや存在しないjavascriptファイルです(この場合、以下の設定ファイルでstatic/bundle-[hash].js
を出力してください)?あなたは、プラグインがあなたのためのHTMLファイルを生成させる独自のテンプレートhtml-webpack-plugin注入とウェブパックが連続的にリフレッシュされる
を供給するので、あなたが生成することができますいずれかのどちらかdocを1として
const CleanWebpackPlugin = require('clean-webpack-plugin');
const HtmlWebpackPlugin = require('html-webpack-plugin');
module.exports = {
entry: "./js/main.js",
output: {
filename: "static/bundle-[hash].js",
},
resolveLoader: {
moduleExtensions: ['-loader']
},
module: {
loaders: [
{
test: /\.jsx?$/,
exclude: /(node_modules|bower_components)/,
loader: 'babel',
query: {
presets: ['react', 'es2015', 'stage-0']
}
},
{
test: /\.css$/,
loader: 'style-loader',
},
{
test: /\.css$/,
loader: 'css-loader',
query: {
modules: true,
localIdentName: '[name]__[local]___[hash:base64:5]'
}
}
]
},
plugins: [
new CleanWebpackPlugin(['static/bundle*.js']),
new HtmlWebpackPlugin({
filename: 'index.html',
template: 'index.html',
inject: 'body'
})
]
};