Javascript 使用Grunt,有没有一种方法可以重用html片段,并且Intellij IDEA仍然可以将该片段识别为html?

Javascript 使用Grunt,有没有一种方法可以重用html片段,并且Intellij IDEA仍然可以将该片段识别为html?,javascript,intellij-idea,gruntjs,Javascript,Intellij Idea,Gruntjs,我正在用intellij idea开发一个web应用程序,我需要在我的应用程序中重用一些html。例如,一些生产代码依赖于html,因此我需要与单元测试相同的html片段。我不喜欢在两个html文件之间复制这个html的干巴巴的违规行为 有没有一种方法可以重用html片段,但intellij仍然知道可重用代码段是html文件的一部分?我仍然希望在代码段中提供所有优秀的功能,如高亮显示和自动完成 这是一个没有后端的单页应用程序。换句话说,它都是html/css/javascript 请您澄清一下您

我正在用intellij idea开发一个web应用程序,我需要在我的应用程序中重用一些html。例如,一些生产代码依赖于html,因此我需要与单元测试相同的html片段。我不喜欢在两个html文件之间复制这个html的干巴巴的违规行为

有没有一种方法可以重用html片段,但intellij仍然知道可重用代码段是html文件的一部分?我仍然希望在代码段中提供所有优秀的功能,如高亮显示和自动完成


这是一个没有后端的单页应用程序。换句话说,它都是html/css/javascript

请您澄清一下您的代码是什么样子的?它是带有一些HTML片段的javascript吗?Smth类似:

livereloadUtils.getSnippet = function() {    
     snippet += '<p>my html code here</p>';
     ...
livereloadUtils.getSnippet=function(){
代码片段+='我的html代码在这里

'; ...

WebStorm通常可以识别HTML这样的代码片段,并且可以使用语法突出显示/完成功能。您不需要做任何特殊的事情来启用它

我也讨厌复制和粘贴HTML,这就是我写这篇文章的原因。查看文档,让我知道这是否是您想要的;我可能有其他建议

还有一个用于创建部署步骤的工具,因为您提到了“grunt”。

我找到了这个名为的插件。如果您有非常简单的用例(不需要传入参数),这可能是完成此任务的最佳工具


如果你有更复杂的用例,还有一个有额外功能的。

我的代码看起来像html。但它可能会被包装在一些模板语言中。好的。你的代码看起来像html,但Idea不识别它是html?或者?对不起,但你的回答没有给我任何线索-你的代码看起来像什么,是吗o我不知道是否可以相应地配置IDE。这看起来很不错,我必须稍微使用一下,以确保。:Is“example.xhtml”呈现的模板?我认为如果您显示输出并删除页眉/页脚或显示它们的设置方式,第二个示例将更容易理解。我喜欢完整的工作示例,这样我可以使用它们,但该示例不完整。我将阅读完整的文档。谢谢。感谢您的输入。我一直在使用im证明文档/示例,因此获得反馈很好。我将尝试提供一些工作代码的GIST。在github上向我发送消息(或提交问题),以便我可以制作一些有助于您的项目的自定义示例。我认为我们都可以互相帮助——我需要一些好的示例想法。