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

时间:2014-01-09 06:10:44

标签: javascript html5 angularjs less

我正在使用AngularJS创建一个大型应用程序,这是一个单页面应用程序。我把所有的html文件保存在下面的文件夹视图下。

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

我正在使用。无用于造型目的。

建议在每个视图下创建单独的.less文件或为所有屏幕创建一个公共的.less文件吗?

请告知最好的方法。

1 个答案:

答案 0 :(得分:1)

我建议看一下@ ng-boilerplate构建管理系统。它是大型应用程序的一个示例启动项目,它将每个模块/功能目录&的.less文件分开。使用Grunt自动连接个人。无法连接到一个主要的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