在sails项目中编译sass bootstrap

Question

我有SailsJs项目。并且需要安装bootstrap-sass版本。 我正在使用grunt-contrib-sass。但我真的需要安装ruby吗？ 我可以修改grunt，那么node-sass将负责编译吗？

Answer 1

遵循此示例：https://github.com/sails101/using-sass

1. 而不是grunt-contrib-sass，而是使用grunt-sass来避免Ruby依赖：

   • 纱线：yarn add grunt-sass
   • NPM：npm i --save grunt-sass

2. 安装bootstrap-sass：

   • 纱线：yarn add bootstrap-sass
   • NPM：npm i --save bootstrap-sass

3. 假设您已按照上面链接的回购说明进行操作，我们需要在bootstrap-sass配置中将sass.js添加到我们的导入中：

-

module.exports = function(grunt) {

  grunt.config.set('sass', {
    dev: {
      options: {
        includePaths: ['node_modules/bootstrap-sass/assets/stylesheets']
      },
      files: [{
        expand: true,
        cwd: 'assets/styles/',
        src: ['importer.scss'],
        dest: '.tmp/public/styles/',
        ext: '.css'
      }]
    }
  });

  grunt.loadNpmTasks('grunt-sass');
};

1. 现在我们可以在我们的sass中完成@import "bootstrap"。