4

grunt-contrib-sass プラグイン (grunt v0.4.0) を使用して scss ファイルをコンパイルしようとしています。コンパイル結果は空の css ファイルです。以下は、base.scss、Gruntfile.js、および package.json ファイルです。

base.scss

$color: #000;

header{
color: $color;  
}

Gruntfile.js

module.exports = function(grunt) {
// Project configuration.
grunt.initConfig({
    // Metadata.
    pkg: grunt.file.readJSON('package.json'),       
    sass: {
        dist: {
            options: { style: "expanded", trace: true },
            files: { "base.css": "base.scss" }
        }       
    }
});

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

// Default task.
grunt.registerTask("default", [""]);
grunt.registerTask("sass--",["sass"]);
};

パッケージ.json

{
"name": "my_grunt",
"version": "1.0.0",
"description": "New to Grunt",
"main": "index.js",
"scripts": {
    "test": "test"
},
"repository": {
    "type": "git",
    "url": "none"
},
"keywords": [
        "none"
],
"author": "none",
"license": "BSD",
"devDependencies": {
        "grunt-contrib-sass": "~0.2.2"
}
}

結果：

sass コマンド「grunt sass」または「grunt sass--」を実行すると、結果はエラーのない空の css ファイルになります。

あなたの助けは大歓迎です

ニウソール

4

1 に答える 1

0

Grunt をグローバルにインストールしていない場合は、インストールするか、Grunt を依存関係として追加します。そうしないと、Grunt は機能しません。

Grunt をグローバルにインストールするnpm install -g grunt-cliには、ターミナルで実行するか、「devDependency」として追加します。

"devDependencies": {
      "grunt": "0.4.x",
      "grunt-contrib-sass": "0.7.x",
   }

編集: この問題について Google で検索しているときに、Github で同じユーザーから報告されたバグを偶然見つけて、彼の問題は解決されました。同じ問題を経験した可能性のあるすべての人にとって、これが彼の解決策でした：

このエラーは、コマンド プロセッサ (Windows レジストリ) で設定した手動構成が原因で発生します。そこから自動実行を追加して、デフォルトのコマンド プロンプトを変更しました。

于 2014-06-11T22:11:42.593 に答える