How to add css file from npm package?

Ionic Framework ionic-v3
4

You can modify the gulpfile.js to include the resources of your npm package.

gulp.task('sass', function(){
  return buildSass({
    sassOptions: {
      includePaths: [
        'node_modules/ionic-angular',
        'node_modules/ionicons/dist/scss',
        'node_modules/leaflet/dist'
      ]
    }
  });
});

And then just import the style in app.core.scss:

@import "leaflet";

Take a look at https://github.com/tsubik/ionic2-geofence/blob/master/gulpfile.js and https://github.com/tsubik/ionic2-geofence/blob/master/app/theme/app.core.scss

The build process is documented in https://github.com/driftyco/ionic-gulp-tasks

Edit: Also take a look at Where should I put images? to include static images.

I use the following code in my gulpfile.js:

gulp.task('images', function() {
    return gulp.src([
        'app/assets/images/*',
        'node_modules/leaflet/dist/images/*'
    ])
        .pipe(gulp.dest('www/build/images'));
});

and

runSequence(['images', 'sass', 'html', 'fonts', 'scripts'],