如何设置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页面？

回答

相关问题