我正在设置一个新的开发环境,允许一个包含多个应用的网站。我选择使用django并且设置顺利进行。我创建了一个gulpfile,它将缩小我的scss并uglify我的js以及其他一些项目。
我遇到的问题是,如果我创建的每个应用程序都有自己的css文件,我如何在我的gulp任务创建的现在minify css中维护该css代码与该应用程序的关系?
我可以看到使用命名空间来帮助维护关系,但我希望避免让app1和app2在<h2>
上发生冲突。或者让app1现在规定所有<h2>
将如何呈现。有没有办法设置css或scss来维护特定于应用程序的css?
minulys的Gulpfile任务
gulp.task('sass', function() {
return gulp.src('static/scss/*.scss')
.pipe(sass())
.pipe(gulp.dest('static/stylesheets'))
.pipe(rename({suffix: '.min'}))
.pipe(minifycss())
.pipe(gulp.dest('static/stylesheets'))
.pipe(gzip(gzip_options))
.pipe(gulp.dest('static/stylesheets'))
.pipe(browserSync.stream());
});