Question

使用以下命令开始使用Sails with Jade模板：

sails new app --template=jade

如何将Stylus添加为默认的CSS预处理器？（使用最新的Sails版本）

Answer 1

它的几个步骤，首先添加首先npm安装grunt-contrib-stylus然后创建一个文件/tasks/config/stylus.js并添加：

module.exports = function(grunt) {

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

grunt.loadNpmTasks('grunt-contrib-stylus');

};

然后添加，＆＃39;手写笔：dev＆＃39;到/tasks/register/compileAssets.js＆amp;＆amp; syncAssets.js 之后添加＆＃39; styl＆＃39; to /task/register/copy.js要忽略的文件

它应该全部工作，这是我的第一个stackoverflow答案xD

Answer 2

我无法找到将Stylus添加到最新Sails的更好方法，而不是使用grunt：

将grunt-contrib-stylus添加到项目依赖项中：
```
npm install grunt-contrib-stylus --save
```

在tasks / config目录下创建一个新的grunt任务stylus.js：

module.exports = function(grunt) {

grunt.config.set('stylus', {
    dev: {
        files: [{
            expand: true,
            cwd: 'assets/styles/',
            src: ['importer.styl'],        //Edit this to match your files
            dest: '.tmp/public/styles/',
            ext: '.css'
        }]
    }
});

grunt.loadNpmTasks('grunt-contrib-stylus');

};

任务将在sails lift上自动执行，检查结果为.tmp / public / styles

Answer 3

转到tasks/config并添加stylus.js文件，其中包含以下代码：

module.exports = function(grunt){

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

    grunt.loadNpmTasks('grunt-contrib-stylus');

}

然后转到tasks/register（之前的答案错过了）并添加syncAssets.js和compileAsset.js相关的内容：

'stylus:dev'

Answer 4

看看这个pull，它看起来已经内置于帆中。

如果它不能自动运行，则可以在gruntfile中配置它。

使用Stylus with Sails JS 0.10

4 个答案: