javascript - 在使用 angularjs 开发的大型应用程序中使用 .less 文件的最佳方法

Question

我正在使用 AngularJS 创建一个大型应用程序，它是一个单页应用程序。我将所有 html 文件保存在 Views 文件夹下，如下所示。

Views
    Sample
        sample.html
        sampleheader.html
        samplefooter.html
    Sample1
        sample1.html
        sample1header.html
        sample1footer.html

我将使用 .less 来实现样式设计。

建议在每个 View 下创建单独的 .less 文件还是为所有屏幕创建一个通用的 .less 文件？

请告知最好的方法。

Answer 1

我建议看看@ ng-boilerplate 构建管理系统。它是大型应用程序的示例入门项目，它将每个模块/功能目录的 .less 文件分开，并使用 Grunt 自动将各个 .less 文件串联到一个主 css 文件。

https://github.com/ngbp/ngbp

另外，请阅读此处:

https://github.com/ngbp/ngbp/tree/v0.3.1-release/src/less

这是一个带有 .less 的功能/模块目录

https://github.com/ngbp/ngbp/tree/v0.3.1-release/src/app/home