如何設置webpack觀看並重新加載HTML頁面？

如何設置webpack觀看並重新加載HTML頁面？如何設置webpack觀看並重新加載HTML頁面？

我使用的WebPack 1

我看到一些關於要求的index.html到您的入口點。

這只是不適合我。

來源

2017-02-10 runners3431

要直接重新加載html文件，您可能需要使用HtmlWebpackPlugin。

對於通過改變其依賴刷新頁面使用以下命令：

你在你的HTML頁面的目錄設置wepack.config.js。

然後，你需要設置任何CSS，JS，JSX文件彙編有關的WebPack開發服務器的幫助，像下面這樣：

var path    = require('path'); 
var webpack    = require('webpack'); 
var glob    = require("glob"); 
var HtmlWebpackPlugin = require('html-webpack-plugin'); 

module.exports = { 
    entry: { 
     app: glob.sync('./css.css') 
    }, 
    output: { 
     path: path.resolve(__dirname, 'dist/js/'), 
     filename: 'bundle.[name].js'   
    } 
};

之後，你需要參考該文件在您html頁面。例如，在這種情況下，你需要在HTML文件中
```
<head> 
    script src="../dist/js/bundle.css.js" ></script> 
<head> 
```
然後，你需要運行的WebPack開發服務器添加。
最後，您可能想通過更改css.css文件來測試一切是否正常。如果一切正常，您會看到編譯在瀏覽器的控制檯中工作，並且該頁面正在重新加載。

來源

2017-10-17 13:53:15 IgorBeaz

如何設置webpack觀看並重新加載HTML頁面？

回答

相關問題