Ändern kompilierten css-Ausgabeort SASS mit ionischen Rahmen

Question

Ich baue eine mobile App mit ionischen Rahmen und ich möchte Sass verwenden. Ich habe das Sass-Tutorial des ionischen Teams verfolgt, aber ich stoße auf ein Problem. Ich bin mit Schluck nicht sehr vertraut, deshalb vermisse ich wahrscheinlich etwas.

Ich habe meine Architekturordner geändert und habe noch einen CSS-Ordner, der mit SCcs mit ionicapp.css und ionic.app.min.css (www/css) erstellt wurde. Ich möchte den Speicherort (und die Generation) dieses Ordners zu www/assets/css ändern. Wie kann ich das machen ?

Mein Ordner Architektur ist:

| scss 
    | ionic.app.scss 
| www 
    | app 
     | app.route.js 
     | app.controllers.js 
      | My functionalities .. 
    | assets 
      | css 
      | img 
      | lib 
       | ionic 
    | index.html 

meine SCSS/ionic.app.scss Datei:

/* 
To customize the look and feel of Ionic, you can override the variables 
in ionic's _variables.scss file. 

For example, you might change some of the default colors: 

$light:       #fff !default; 
$stable:       #f8f8f8 !default; 
$positive:      #387ef5 !default; 
$calm:       #11c1f3 !default; 
$balanced:      #33cd5f !default; 
$energized:      #ffc900 !default; 
$assertive:      #ef473a !default; 
$royal:       #886aea !default; 
$dark:       #444 !default; 
*/ 

// The path for our ionicons font files, relative to the built CSS in www/css 

$ionicons-font-path: "../assets/lib/ionic/fonts" !default; 

// Include all of Ionic 
@import "www/assets/lib/ionic/scss/ionic"; 

Und ein Teil meines gulpfile.js

gulp.task('default', ['sass']); 

gulp.task('sass', function(done) { 
gulp.src('./scss/ionic.app.scss') 
.pipe(sass()) 
.on('error', sass.logError) 
.pipe(gulp.dest('./www/assets/css/')) 
.pipe(minifyCss({ 
    keepSpecialComments: 0 
})) 
.pipe(rename({ extname: '.min.css' })) 
.pipe(gulp.dest('./www/assets/css/')) 
.on('end', done); 
}); 

Answer 1

Ihr gulpfile.js sollte etwa so aussehen:

gulp.task('sass', function(done) { 
    gulp.src('./www/assets/scss/ionic.app.scss') 
     .pipe(sass()) 
     .on('error', sass.logError) 
     .pipe(gulp.dest('./www/assets/css/')) 
     .pipe(minifyCss({ 
      keepSpecialComments: 0 
     })) 
     .pipe(rename({ 
      extname: '.min.css' 
     })) 
     .pipe(gulp.dest('./www/assets/css/')) 
     .on('end', done); 
});