2016-12-30 6 views
3

私はファイル変更時に自動リフレッシュを追加しようとしているElectron/Webpackプロジェクトを持っています。 documentationには、次の手順を実行しました:電子レンジでWebpackを使って自動リフレッシュ

  1. 私はプロジェクトにwebpack-dev-serverを追加しました。
  2. 私は私のwebpack.config.jsに以下を追加:

    devServer: { 
        inline: true 
    } 
    
  3. そして私は、私は私のエントリファイルに変更を加えた場合、それらはに反映されていないwebpack-dev-server --progress --colors

コマンドでWebPACKのを実行しますhttp://localhost:8080/build/index.jsのコードを発行しました(ここで出力を設定しています)。私は何が欠けていますか?完全のために

は、ここに私のWebPACKの設定です:多分私のテスト-決まり文句はあなたにいくつかのインスピレーションを与える

module.exports = { 
    entry: './src/index.tsx', 
    output: { 
     filename: './build/index.js' 
    }, 
    resolve: { 
     extensions: ['', '.webpack.js', '.web.js', '.ts', '.js', '.tsx', '.jsx'] 
    }, 
    module: { 
     loaders: [ 
      { test: /\.tsx?$/, loader: 'awesome-typescript-loader' } 
     ] 
    }, 
    devServer: { 
     inline: true 
    } 
} 

答えて

0

、 "ウェブ" の環境は、HMRの開発を提供しています:

https://github.com/wende60/Electron-Webpack2-React-Sass

歓声、joachim

+0

共有いただきありがとうございます。それは私の 'webpack'設定をどのように構造化し、' web'と 'electron'のターゲットを適切に設定するのかを理解するのに役立ちました。 –

関連する問題