webpack-insert-template-loader

在xhtml文件的指定处插入代码。

如何调试？

首先进入example例子项目，运行：

npm run debug

在需要调试的地方提前添加“ debugger ”语句，这和普通的web端调试一样，接着，在chrome浏览器地址栏中输入：

chrome://inspect/#devices

接着，请点击“ Open dedicated DevTools for Node ”后进入调试界面。

如何使用？

首先需要安装

npm install --save-dev webpack-insert-template-loader

接着在webpack.config.js中配置

loader: 'webpack-insert-template-loader',
    options: {
       // 调用插入钩子标签名称
       // 默认值：webpack-insert-template-loader
       hook: "insert-html",
       // 模板处理
       handler:(template,fullUrl)=>{
           // 你可以根据情况处理模板，默认原样返回
           return template;
       }
    }

在需要插入html-template的地方定义插槽，可以有任意多个,并且支持多层嵌套（使用相对路径）：

<insert-html>./XXX.html</insert-html>

当然，后缀不一定需要是.html，理论上，任意的后缀都可以，并且在非生产模式下是热更新的。

联系我们

• QQ: 2501482523
• Email: [email protected]

开源协议

MIT

Copyright (c) 2021 hai2007 走一步，再走一步。