将 node-normalize-scss 与 Grunt 和 Compass 一起使用答案

【问题标题】：Using node-normalize-scss with Grunt and Compass将 node-normalize-scss 与 Grunt 和 Compass 一起使用
【发布时间】：2016-11-19 21:08:52
【问题描述】：

我想将 normalize.scss 用于我目前使用 Grunt 设置的项目，以使用 Compass 编译 SCSS。

我找到了这个，并使用下面的命令安装了它（从这里：https://www.npmjs.com/package/node-normalize-scss）

npm install node-normalize-scss --save-dev

下面是 gulp 和 grunt 的配置示例，但不是 compass。我试过使用：

includePaths: require('node-normalize-scss').includePaths

并将其添加到我的 GruntFile.js 中的 Compass 选项中，但我收到一个开始有点像这样的错误：

运行“compass:dev”（罗盘）任务错误：无效选项：--include-paths=/Applications/MAMP/htdocs/homepagev2/node_modules/node-normalize-scss

用法：compass compile [path/to/project] [path/to/project/src/file.sass ...] [options]

说明：如果没有指定，则在指定的路径或当前目录编译项目。

之后我读到我可以使用一个简单的命令来导入该路径，以便在我的 .scss 中我可以@import "normalize"

importPath: 'node_modules/node-normalize-scss/',

但是使用这个我得到一个错误说

>> 文件“styles/sass/style.scss”已更改。未找到本地 Npm 模块“node-normalize-scss”。安装了吗？

但它似乎正在将 normalize.scss 编译成 css，所以我猜它有点工作。

有没有更好的解决方案，所以我不会在编译时收到错误？

谢谢。

【问题讨论】：

标签： sass gruntjs compass

【解决方案1】：

我也遇到了这个问题，最终在这里找到了答案：https://github.com/gruntjs/grunt-contrib-compass

用于指南针的选项（与 sass 采用完全不同的选项）是 importPath，您已找到，它的工作方式相同。

所以，importPath: require('node-normalize-scss').includePaths 希望对你有用。

这是我当前的完整 Gruntfile.js：

module.exports = function(grunt) {
    grunt.initConfig({
        pkg: grunt.file.readJSON('package.json'),
    compass: {
            dist: {
                options: {
                    importPath: require('node-normalize-scss').includePaths,
                    sassDir: 'path/to/sass',
                    cssDir: 'path/to/css'
                }
            }
        },
        watch: {
            css: {
                files: '**/*.scss',
                tasks: ['compass']
            }
        }
    });
    grunt.loadNpmTasks('grunt-contrib-compass');
    grunt.loadNpmTasks('grunt-contrib-watch');
    grunt.registerTask('default',['watch']);
}

【讨论】：