2017-09-17 2 views
0

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

答えて

0

:ここ

はWebPACKの設定ファイルですHTMLファイルにのファイル名を入力するか、のようなテンプレートを渡すことができます。index.html

0

開発中に、この動作を防ぐためにファイル名のハッシュをすべて削除する必要があります。

Webpackはホットリロードで新しいコンテンツで古いファイルを更新できます。

関連する問題