Webpack開發服務器 - 重新加載/重新編譯不起作用

我想讓WDS自動重新編譯並重新加載我的頁面。Webpack開發服務器 - 重新加載/重新編譯不起作用

我的WebPack配置如下：

module.exports = { 
    devtool: 'eval', 
    entry: './app/js/index.js', 
    output: { 
    filename: './public/js/index.js' 
    }, 
    module: { 
    loaders: [ 
     { 
     test: /\.js$/, 
     exclude: /(node_modules)/, 
     loader: 'babel-loader' 
     }, 
     { 
     test: /\.scss$/, 
     exclude: /(node_modules)/, 
     use: [ 
      { loader: 'style-loader' }, 
      { loader: 'css-loader' }, 
      { loader: 'sass-loader' } 
     ] 
     } 
    ] 
    }, 
    devServer: { 
    publicPath: "./public", 
    hot: true 
    } 
};

訪問localhost:8080給我index.html頁，但沒有任何注入的代碼。我能做什麼？

我使用的WebPack 2.2.1的WebPack開發服務器2.3.0。

來源

2017-02-17 Tomek Buszewski

您需要參考該文件./public/js/index.js在HTML頁面中。例如，在這種情況下，你需要在HTML文件中

<head> 
    script src="../public/js/index.js" ></script> 
<head>

反正添加到您問題的答案一個需要看你的HTML文件。

來源

2017-10-17 13:57:56 IgorBeaz

Webpack開發服務器 - 重新加載/重新編譯不起作用

回答

相關問題