在 JSF Web 应用程序中使用 SASS

Posted 2023-02-22

【中文标题】在 JSF Web 应用程序中使用 SASS

【英文标题】：Using SASS in JSF Web Application

【发布时间】：2014-06-27 18:35:18

【问题描述】：

我开始学习 JSF/PrimeFacess。

我正在尝试找出使用 sass 而不是为项目编写纯 css 的最佳方法。

我研究了 gulp 以及自动化工作流程的可能性，例如将 sass 文件编译为 css

现在我的问题是将 sass 文件放在 jsf/primeface 项目目录树中的最佳位置？

我的想法是在 src 中创建一个名为 sass 的子文件夹，并使用 gulp.js 来查看该文件夹并编译对 sass 文件的所有更改，然后将它们放入 `web/ 中的 resources/css 文件夹中WEB-INF/css。

这有意义吗？

【问题讨论】：

的确如此，javascript 客户端应用程序的通常文件结构是有一个“源”和一个“目标”。源代码通常称为“client”或“src”，css 位于“client/css”或“src/sass”文件夹中。输出通常位于“public”、“dest”、“assets”或“build”文件夹中，其中分别包含 css/sass 文件夹。

【参考方案1】：

与其保留文件夹结构资源/css，不如保持文件夹结构类似于 includes/public/resources/common/css 或模块特定的东西或通用的东西includes/public/resources/MODULE_NAME/css 以更好地调整项目结构。

希望这会有所帮助！