Javascript Gulp BootstrapCSS源映射
我正试图通过BootstrapCSS库的gulp.js生成以下CSS源映射文件 我的吞咽任务如下: bower=需要“主bower文件” sourcemaps=需要“吞咽sourcemaps” cssmin=需要“吞咽缩小css” 过滤过滤器=需要“过滤过滤器”Javascript Gulp BootstrapCSS源映射,javascript,css,gulp,source-maps,gulp-sourcemaps,Javascript,Css,Gulp,Source Maps,Gulp Sourcemaps,我正试图通过BootstrapCSS库的gulp.js生成以下CSS源映射文件 我的吞咽任务如下: bower=需要“主bower文件” sourcemaps=需要“吞咽sourcemaps” cssmin=需要“吞咽缩小css” 过滤过滤器=需要“过滤过滤器” gulp.task 'compileVendorLibraries', -> cssFilter = gulpFilter(['**/*.css']) gulp.src bower() .pipe cssF
gulp.task 'compileVendorLibraries', ->
cssFilter = gulpFilter(['**/*.css'])
gulp.src bower()
.pipe cssFilter
.pipe gulp.dest(dist.css + 'css')
.pipe sourcemaps.init()
.pipe rename({suffix: ".min"})
.pipe cssmin()
.pipe sourcemaps.write()
.pipe cssFilter.restore()
在index.html中,我有:
你的吞咽任务完成了吗?我缺少存储bootstrap.min.css的部分。另外,我想知道您是否想用新保存的bootstrap.css创建sourcemap。如果是这样的话,那就行不通了,因为保存后你必须更改你的源代码。还有一个问题:你的Chrome浏览器认为源代码地图在哪里$史坦?
<link href="app/stylesheets/css/bootstrap.min.css" rel="stylesheet" type="text/css">
gulp.src sources.less
.pipe sourcemaps.init()
.pipe less()
.on 'error', swallowError
.pipe cssmin()
.pipe sourcemaps.write()
.pipe gulp.dest dist.css + 'css'