2016-11-02 21 views
0

純粋なnodejsとgruntを使ってboostrap-sassをコンパイルしようとしています。だから、ルビーやルビーはレールや宝石にはない。grunt-sassがブートストラップをコンパイルしない

マイpackage.json:

{ 
    "name": "myProject", 
    "version": "1.0.0", 
    "dependencies": { 
    "grunt": "^1.0.1", 
    "grunt-bootlint": "^0.10.1", 
    "grunt-cli": "^1.2.0", 
    "grunt-contrib-compress": "^1.3.0", 
    "grunt-contrib-concat": "^1.0.1", 
    "grunt-contrib-cssmin": "^1.0.2", 
    "grunt-contrib-uglify": "^2.0.0", 
    "grunt-sass-lint": "^0.2.0", 
    "grunt-contrib-jshint": "^1.0.0" 
    }, 
    "devDependencies": { 
    "bootstrap-sass": "^3.3.7", 
    "grunt-sass": "^1.2.1", 
    "node-sass": "^3.10.1", 
    "typescript": "^2.0.6", 
    "typings": "^1.5.0" 
    } 
} 

マイGruntfile.js:

module.exports = function (grunt) 
{ 
    grunt.loadNpmTasks("grunt-sass"); 
    grunt.loadNpmTasks("grunt-sass-lint"); 
    grunt.loadNpmTasks("grunt-bootlint"); 
    grunt.loadNpmTasks("grunt-contrib-jshint"); 

    var relaxerrors = [ 
     "App/Mvc/views/notallowed.phtml", 
     "App/Mvc/views/ajax/*.phtml", 
     "App/Mvc/views/backend/*.phtml" 
    ]; 

    grunt.initConfig({ 
      sass: { 
       options: { 
        includePaths: ["node_modules/bootstrap-sass/assets/stylesheets/bootstrap"], 
        precision: 10, 
        sourcemap: "inline", 
        trace: true, 
        unixNewlines: true 
       }, 
       dist: { 
        files: { 
         "web/assets/styles/frontend.min.css": "assets/styles/index.scss", 
         "web/assets/styles/backend.min.css": "assets/styles/dashboard.scss", 
         "web/assets/styles/bootstrap.min.css": "node_modules/bootstrap-sass/assets/stylesheets/_bootstrap.scss" 
        } 
       } 
      }, 
      sasslint: { 
       target: [ "assets/styles/*.scss" ] 
      }, 
      jshint: { 
       files: [ "assets/js/*.js" ], 
       options: { 
        globals: { 
         jquery: true 
        } 
       } 
      }, 
      bootlint: { 
       options: { 
        stoponerror: true, 
        showallerrors: true, 
        stoponwarning: false, 
        relaxerror: { 
         "E001": relaxerrors, 
         "W001": relaxerrors, 
         "W002": relaxerrors, 
         "W003": relaxerrors, 
         "W005": relaxerrors 
        } 
       }, 
       files: [ "App/Mvc/views/*.phtml", "App/Mvc/views/*.html" ] 
      } 
     } 
    ); 

    grunt.registerTask("validate:styles", [ "sasslint" ]); 
    grunt.registerTask("validate:js", [ "jshint" ]); 
    grunt.registerTask("validate:bootstrap", [ "bootlint" ]); 
    grunt.registerTask("validate:all", [ "validate:bootstrap", "validate:styles", "validate:js" ]); 
    grunt.registerTask("build:styles", [ "validate:styles", "sass" ]); 
}; 

そして私はそれを呼び出しています:私は次の出力が表示されていることを

grunt build:styles --force --verbose 

Running "sass" task 

Running "sass:dist" (sass) task 
Verifying property sass.dist exists in config...OK 
Files: assets/styles/index.scss -> web/assets/styles/frontend.min.css 
Files: assets/styles/dashboard.scss -> web/assets/styles/backend.min.css 
Files: node_modules/bootstrap-sass/assets/stylesheets/_bootstrap.scss -> web/assets/styles/bootstrap.min.css 
Options: precision=10, includePaths=["node_modules/bootstrap-sass/assets/stylesheets/bootstrap"], sourcemap="inline", trace, unixNewlines 
Options: precision=10, includePaths=["node_modules/bootstrap-sass/assets/stylesheets/bootstrap"], sourcemap="inline", trace, unixNewlines 
Options: precision=10, includePaths=["node_modules/bootstrap-sass/assets/stylesheets/bootstrap"], sourcemap="inline", trace, unixNewlines 
Writing web/assets/styles/backend.min.css...OK 
Writing web/assets/styles/frontend.min.css...OK 

Done. 

これまで見てきたように、ブートストラップに関しては動作を停止します。どんな助けも素晴らしいだろう。

答えて

2

Sassコンパイラは、_で始まるファイルは、無視するように_にコンパイルしません。

http://sass-lang.com/guideの部分セクションで参照できます。

+0

ああ、ありがとう、私のせいです。私の問題を解決して名前を変更するだけです。コンパイラには無視するものを使うように指示しました。 – alpham8

関連する問題