1
私はこのプロジェクトを少しでもやってきました。私は自分のCSSをプロジェクトに追加したいと思っていました。私はプロジェクトに新しいscssファイルを追加しようとしていて、メインのCSSファイルに組み込まれていますが、Gulpは自分のscssファイルをインポートしたくありません。ここでGulpが新しいCSSファイルで出力CSSを更新しない
が一気コード
var gulp = require('gulp');
var uglify = require('gulp-uglify');
var watch = require('gulp-watch');
var batch = require('gulp-batch');
var sass = require('gulp-sass');
var minifyCss = require('gulp-minify-css');
var concat = require('gulp-concat');
var rename = require('gulp-rename');
var webserver = require('gulp-webserver');
var paths = {
sass: ['src/scss/**'],
js: ['src/ng/_declare.js', 'src/ng/**'], //_declare.js needs to be first, so it gets added to bundle first.
static: ['src/js/**'],
core: ['./td_frontend_shared/**']
};
gulp.task('default', ['watch-dev']);
gulp.task('publish-dev', function(done){
});
gulp.task('sass', function(done) {
gulp.src('src/scss/import.scss')
.pipe(sass())
.on('error', function(err){
console.log('error building sass', err);
done();
})
.pipe(gulp.dest('public/dist/'))
.pipe(minifyCss({
keepSpecialComments: 0
}))
.pipe(rename({ extname: '.min.css' }))
.pipe(gulp.dest('public/dist/'))
.on('end', done);
});
ある任意の助けいただければ幸いです!
'gulp sass'を実行するだけで十分ですが、私の新しいscssファイルがcssファイルに追加されていない理由を理解しようとしています。 (私はそれを複数のタスクで呼び出す独自の関数として使用しています(申し訳ありませんが、gulpファイル全体は含まれていませんが、これを短くしておきたい) –
ディレクトリ構造とは何ですか? ? – shramee
にCSSを追加することを期待しています。新しいscssファイルをすべてインポートするためにscssファイルがあることがわかったので、gulpファイルがインポートからscssファイルをインポートすることはわかりませんでした。 scssファイル –