Ionic does not recognize my css

1

To be very clear I'm creating an app with ionic 1.3 as learning and study for facul and I need to use a css and external js is a lib called Icheck link I've tested it on other projects and it works perfectly but I can not use it with ionic. I read a lot of people talking about compiling with sass and such using the gulp I picked up some code samples to compile because I do not know much about gulp, sass or frontend in general kkkk but it seems everything is linked correctly and in order but it does not compile and I believe it to be css would like a help from what should i do to use this lib in ionic and why is not it just put a link in index and ready?

My index.html file removes the other css files that the gulp injects more and good stuff already I've tested both with it and theirs.

  <link href="css/ionic.app.css" rel="stylesheet">
  <!-- inject:css -->
  <link rel="stylesheet" href="css/_all.css">
  <!-- endinject -->

My ionic.app.scss file is the way it came and I believe that here is the key to my problem so far, so I can not dazzle the solution. I already tried importing the css so that gulp would generate an ionic.app.css file with all the css I needed most I guess it does not work that way.

/*
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: "../lib/ionic/fonts" !default;

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

My Gulp.js file I did some testing to automatically inject my .css file right into my index which functional beauty however does not render as it should.

var gulp = require('gulp');
var gutil = require('gulp-util');
var bower = require('bower');
var concat = require('gulp-concat');
var sass = require('gulp-sass');
var minifyCss = require('gulp-minify-css');
var rename = require('gulp-rename');
var sh = require('shelljs');
var inject = require('gulp-inject');

var paths = {
  sass: ['./scss/**/*.scss'], 
  javascript: [
  './www/**/*.js',
  '!./www/js/app.js',
  '!./www/lib/**'
  ],
  css: [
  './www/**/*.css', 
  '!./www/css/ionic.app*.css',
  '!./www/lib/**'
  ]
};

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

gulp.task('index', function(){
 return gulp.src('./www/index.html')
 .pipe(inject(
   gulp.src(paths.javascript,
     {read: false}), {relative: true}))
 .pipe(gulp.dest('./www'))
 .pipe(inject(
   gulp.src(paths.css,
     {read: false}), {relative: true}))
 .pipe(gulp.dest('./www'));
});

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

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

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();
});

Here is an image of how is the current organization of my folder and my file where I make the amounts of the other css only more information title pair already tried to link these other files manually and in the ionic did not run tbm

The js files do not think so because I'm using another lib and it runs more beauty to make clear this lib makes use of jquery. can be what

    
asked by anonymous 24.10.2016 / 03:25

1 answer

0

Make:

 <link rel="stylesheet" href="css/line/_all.css">
    
23.11.2016 / 21:49