将多个 css 文件压缩为一个的最佳方法是什么?
下面的 gulp 任务在缩小和连接后导致两个问题:
- 我使用的引导字形图标已经消失。
- 我的一些风格被打破了。该任务似乎重新安排了某些样式的位置,例如
.footer{...}
放置在下方html{...}
但现在位于上方html{...}
。我怎样才能阻止它重新排列它们?
吞咽文件:
gulp.task('minify-css', function() {
return gulp.src([
'node_modules/bootstrap/dist/css/bootstrap.css',
'vendor/jquery-ui-1.12.1/jquery-ui.min.css',
'node_modules/bootstrap/dist/css/bootstrap-theme.css',
'node_modules/jasny-bootstrap/dist/css/jasny-bootstrap.css',
'css/style.css',
])
.pipe(sourcemaps.init())
.pipe(cleanCSS({debug: true}))
.pipe(sourcemaps.write())
.pipe(concat('bundle.min.css'))
.pipe(gulp.dest('dist'));
});
有任何想法吗?