如何使Webpack热模块更换与车把模板一起使用?

我正在使用handlebars-loader:

  {
    test: /\.hbs$/,loader: 'handlebars-loader',}

我也在使用html-webpack-plugin。

使用Webpack开发服务器,一切都按我的意愿进行工作

如果保存了对车把模板或SCSS文件的更改,则会自动重新加载页面。

但是,一旦我在hot: true下启用了devserver,HMR就开始进行SCSS更改(即CSS在没有完全重新加载的情况下进行了更新),这是我想要的,但是如果我更改了车把模板,HMR不起作用,常规的“热重装”(即重装整个页面)也将停止工作。

有什么想法吗?

如果HMR适用于SCSS更改,并且定期为把手模板进行“热重载”(没有hot: true的情况下,也可以),这也很好。

nxg2062632 回答:如何使Webpack热模块更换与车把模板一起使用?

为您创建了一个简单的配置,以显示其默认情况下正在运行。 https://github.com/nickbullock/webpack-hmr-hbs-example

请使用

运行它
npm i;
npm run start;

然后更改hello.hbs,例如添加{{test}},然后将其值添加到index.js文件test: 'hola!'中的选项中。之后,您将看到来自HMR的日志,并且webpack将更新您的文件并成功查看。

在项目上对其进行调试的步骤:

  1. 将选项hotOnly: true设置为devServer配置部分。这样可以防止实时重新加载。
  2. 请在重新加载车把模板后向我显示HMR日志。
  3. 也请向我们显示您的webpack配置
本文链接:https://www.f2er.com/3084460.html

大家都在问