是否有一种方法可以利用Webpack、Gulp或两者的组合来编译带有liquid标记的javascript文件(*.js.liquid)

ecfsfe2w  于 2022-12-08  发布在  Gulp
关注(0)|答案(1)|浏览(137)

我正在尝试配置一个现有的商店的主题,以编译和缩小包含液体标签的javascript文件。
我一直在为Webpack和Gulp做一些研究,看起来有很多关于处理SCSS的很好的信息,但是关于javascript+liquid(*.js.liquid)的信息不多。
那么,有没有办法配置Webpack、Gulp或两者的组合,以实现编译带有liquid标记的javascript,比如app.js.liquid?
我知道有很多像krjo/shopify-webpack-dev-workflow这样的优秀的repo,但是它看起来并没有编译 *.js.liquid文件的方法。在我采用这样一个优秀的repo之前,我想知道是否有方法先编译 *.js.liquid文件。
我还发现了this article,它通过转义字符串来编译/缩小一个 *.scss.liquid文件,以努力在scss文件中保留liquid标记,但在javascript文件中遵循同样的逻辑并没有成功。
如果没有办法编译 *.js.liquid文件,任何变通办法都是很好的。
提前感谢您!

huus2vyu

huus2vyu1#

也许this文章会对您有所帮助。
我找到了这个liquidjs
LiquidJS是一个简单、有表现力、安全且兼容shopify的纯JavaScript模板引擎。
我还找到了this工具。文件优化器。

相关问题