Schluck geändert ionic.app.css in ionischem Aufschlag

Question

Ich arbeite mit ionischen Rahmen und für bessere Leistung füge ich angular templatecache, sass hinzu und erzeuge mit Schluck. In Aktion funktionierte das für mich Aber wenn ich ionischen Schluck serviere, ändere/ändere Original ionic.app.css Und ich kann nicht ionic.app.css ändern. Mein Durchschnitt ist, wenn ich ionic.app.css redigierte und dann ionic serve meine redigierte ist, entferne und schluck, die zu ursprünglicher ionic.app.css Datei erzeugt/geändert werden.

ionic serve 
Gulp startup tasks: 0=sass, 1=templatecache, 2=watch 
Running live reload server: undefined 
Watching: 0=www/**/*, 1=!www/lib/**/* 
Running dev server: http://localhost:8100 
Ionic server commands, enter: 
    restart or r to restart the client app from the root 
    goto or g and a url to have the app navigate to the given url 
    consolelogs or c to enable/disable console log output 
    serverlogs or s to enable/disable server log output 
    quit or q to shutdown the server and exit 

ionic $ [22:15:54] Using gulpfile ~\Desktop\app\gulpfile.js 
[22:15:54] Starting 'sass'... 
[22:15:54] Starting 'templatecache'... 
[22:15:54] Starting 'watch'... 
[22:15:54] Finished 'watch' after 74 ms 
[22:15:54] Finished 'templatecache' after 172 ms 
JS changed: C:\Users\Mobi\Desktop\app\www\js\views.js 
[22:15:55] Finished 'sass' after 1.26 s 
CSS changed: C:\Users\Mobi\Desktop\app\www\css\ionic.app.css 

gulpfile:

var gulp = require('gulp'); 

var requireDir = require('require-dir'); 
requireDir('./gulp-tasks'); 

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

gulptask.js:

var gulp = require('gulp'); 
var gutil = require('gulp-util'); 
var bower = require('bower'); 
var sass = require('gulp-sass'); 
var sh = require('shelljs'); 

var sourcemaps = require('gulp-sourcemaps'); 
var templateCache = require('gulp-angular-templatecache'); 

var paths = { 
    sass: ['./scss/**/*.scss'], 
    templatecache: ['./www/views/**/*.html'] 
}; 

gulp.task('sass', function(done) { 
    gulp.src('./scss/ionic.app.scss') 
    .pipe(sourcemaps.init()) 
    .pipe(sass({ 
     errLogToConsole: true 
    })) 
    .pipe(sourcemaps.write()) 
    .pipe(gulp.dest('./www/css/')) 
    .on('end', done); 
}); 

gulp.task('templatecache', function (done) { 
    gulp.src(paths.templatecache) 
    .pipe(templateCache({standalone:true, filename:'views.js', module:'your_app_name.views', root:'views/'})) 
    .pipe(gulp.dest('./www/js/')) 
    .on('end', done); 
}); 

gulp.task('watch', function() { 
    gulp.watch(paths.sass, ['sass']); 
    gulp.watch(paths.templatecache, ['templatecache']); 
}); 

gulp.task('install', ['git-check'], function() { 
    return bower.commands.install() 
    .on('log', function(data) { 
     gutil.log('bower', gutil.colors.cyan(data.id), data.message); 
    }); 
}); 

gulp.task('git-check', function(done) { 
    if (!sh.which('git')) { 
    console.log(
     ' ' + gutil.colors.red('Git is not installed.'), 
     '\n Git, the version control system, is required to download Ionic.', 
     '\n Download git here:', gutil.colors.cyan('http://git-scm.com/downloads') + '.', 
     '\n Once git is installed, run \'' + gutil.colors.cyan('gulp install') + '\' again.' 
    ); 
    process.exit(1); 
    } 
    done(); 
}); 

Wie dieses Problem behebe ?!

Answer 1

Ich kenne mich nicht mit dem eckigen Template-Cache aus, aber das ist normal, wenn Sass in einer Ionic-Anwendung aktiviert ist.

Wenn es aktiviert ist, Sie sollen Ihre CSS Änderungen in /scss/ionic.app.scss

machen Während ionischen dienen, werden ionic.app.scss in ionic.app.css zusammengestellt werden, so dass Entfernen von Änderungen, die Sie in dieser Datei vorgenommen haben.

Wenn Sie Sass nicht verwenden möchten, können Sie die spezifischen Gulp Aufgaben von mehr ausgeführt werden, indem sie von der ionic.project Datei zu entfernen, wie es hier beschrieben: https://forum.ionicframework.com/t/can-you-uninstall-or-remove-or-disable-sass/31848