Question

如何设置webpack以观看和重新加载HTML页面？

我正在使用webpack 1.

我看到了一些要求 index.html 进入您的切入点的内容。

对我来说，这感觉不对。

Answer 1

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

要通过更改其依赖关系重新加载页面，请使用以下命令：

您必须在html页面的目录中设置wepack.config.js。

然后你需要在webpack dev服务器的帮助下设置任何css，js，jsx文件进行编译，如下所示：

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 dev服务器。
最后，您可能希望通过更改css.css文件来测试一切是否正常。如果一切正常，您将看到编译正在浏览器的控制台中工作，并且该页面正在重新加载。

如何设置webpack来监视和重新加载HTML页面？

1 个答案: