dependency injection - Should you manually add a css file in a gulp project? -
i have tried many times skeleton.css in index.html gulp-angular project still can't find way to. used bower install install skeleton-css , added respective folder in bower-component folder
i have tried adding manually index.html in .tmp folder whenever gulp serve
, whatever code added disappears:
before running gulp serve
<!-- build:css({.tmp/serve,src}) styles/app.css --> <!-- inject:css --> <link rel="stylesheet" href="app/skeleton.css"> <link rel="stylesheet" href="app/index.css"> <!-- endinject --> <!-- endbuild -->
after running gulp serve
<!-- build:css({.tmp/serve,src}) styles/app.css --> <!-- inject:css --> <link rel="stylesheet" href="app/index.css"> <!-- endinject --> <!-- endbuild -->
i know pretty nooby question , has way injection works in gulp can't seem understand i'm quite new task automation environment, ideas might going wrong , solutions ?
thanks much!
gulp task
gulp.task('serve', ['watch'], function () { browsersyncinit([ paths.tmp + '/serve', paths.src ], [ paths.tmp + '/serve/{app,components}/**/*.css', paths.tmp + '/serve/{app,components}/**/*.js', paths.src + 'src/assets/images/**/*', paths.tmp + '/serve/*.html', paths.tmp + '/serve/{app,components}/**/*.html', paths.src + '/{app,components}/**/*.html' ]); }); gulp.task('serve:dist', ['build'], function () { browsersyncinit(paths.dist); }); gulp.task('serve:e2e', ['inject'], function () { browsersyncinit([paths.tmp + '/serve', paths.src], null, []); }); gulp.task('serve:e2e-dist', ['build'], function () { browsersyncinit(paths.dist, null, []); });
Comments
Post a Comment