我正在阅读
http://sailsjs.org/#!documentation/assets,但我不知道如何使用.less文件.
我把资产/链接器/样式/中的vairables.less和bootswatch.less都放了
我希望grunt会编译这两个文件,但它没有,我在浏览器控制台中遇到错误：
- 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)
解决方法
如果您使用的是最新版本的Sails.js,则将.less文件放在assets / styles目录下,并将其包含在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';
