Question

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

我很难完成这项工作。

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

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

Answer 1

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

将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">

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

1 个答案: