Sails.js：页面特定的 .less 文件答案

【问题标题】：Sails.js: Page specific .less filesSails.js：页面特定的 .less 文件
【发布时间】：2014-04-19 20:07:30
【问题描述】：

我的项目中有一个“特定于页面”的 .less 文件，我需要在特定视图中引用它。因此，我无法将其添加到 importer.less

我很难完成这项工作。

例如，我将这个<link rel="stylesheet" href="/styles/homepage.css"> 直接添加到我的homepage.ejs，但浏览器返回404 not found 因为我的homepage.less 没有被编译并复制到.tmp 目录。

非常感谢您对此进行调查。

【问题讨论】：

您在 Gruntfile.js 中查找了吗？您是否将 .less 放入了引用的 src 中？

标签： node.js less gruntjs sails.js

【解决方案1】：

使用您的家庭特定样式创建一个assets/styles/home.less 文件。请注意，此文件可以 @import "importer.less" 重用您的默认样式

将 home.less 添加到 tasks/config/less.js 中的 less 任务中，如下所示：

grunt.config.set('less', {
        dev: {
                files: [{
                        expand: true,
                        cwd: 'assets/styles/',
                        src: ['importer.less','home.less'],
                        dest: '.tmp/public/styles/',
                        ext: '.css'
                }]
        }
});

现在您应该可以使用<link rel="stylesheet" href="/styles/homepage.css">

【讨论】：