如何在sails.js中使用.less文件？

Question

我在讀http://sailsjs.org/#!documentation/assets，但我不知道如何使用.less文件。

我把vairables.less和bootswatch.less無論是在資產/連接/風格/

我預計咕嚕會編譯這兩個文件，但它沒有，和我在瀏覽器控制檯，而不是錯誤：

GET http://localhost:5000/linker/styles/bootstrap-responsive.css 404 (Not Found) (index):14 
GET http://localhost:5000/linker/styles/bootstrap.css 404 (Not Found) (index):15 
GET http://localhost:5000/linker/js/jquery.js 404 (Not Found) (index):29 
GET http://localhost:5000/linker/js/socket.io.js 404 (Not Found) (index):30 
GET http://localhost:5000/linker/js/sails.io.js 404 (Not Found) (index):31 
GET http://localhost:5000/linker/js/app.js 404 (Not Found) (index):32 
GET http://localhost:5000/linker/js/bootstrap.js 404 (Not Found) 

如果我刪除了兩個.less文件，它可以正常工作。 我在這裏錯過了什麼？

Answer 1

我已經決定不使用啓動默認進口商。主要是因爲我發現它很糟糕，太多基於配置而非慣例。所以我已經根據約定通過配置創建了我自己的動態資產加載器。

基本上，在我的情況下，沒有更多的事情要做，資產將根據所使用的控制器，控制器動作，主題和佈局進行應用。它仍然使用LESS。

這是基於帆0.10.5一個簡單的項目： https://github.com/Vadorequest/sails-dynamic-assets

Answer 2

如果您正在使用最新版本的Sails.js的然後把資產規模/樣式目錄中的文件.LESS並將其包含在importer.less文件象下面這樣：

/** 
* importer.less 
* 
* By default, new Sails projects are configured to compile this file 
* from LESS to CSS. Unlike CSS files, LESS files are not compiled and 
* included automatically unless they are imported below. 
* 
* The LESS files imported below are compiled and included in the order 
* they are listed. Mixins, variables, etc. should be imported first 
* so that they can be accessed by subsequent LESS stylesheets. 
* 
* (Just like the rest of the asset pipeline bundled in Sails, you can 
* always omit, customize, or replace this behavior with SASS, SCSS, 
* or any other Grunt tasks you like.) 
*/ 



// For example: 
// 
// @import 'variables/colors.less'; 
// @import 'mixins/foo.less'; 
// @import 'mixins/bar.less'; 
// @import 'mixins/baz.less'; 
// 
// @import 'styleguide.less'; 
// @import 'pages/login.less'; 
// @import 'pages/signup.less'; 
// 
// etc. 
@import 'custom.less';