gulp-webapp默认项目问题
gulp-webapp脚手架默认建立的项目,选上了sass,配置的rubysass,我改了task-styles能够顺利编译sass文件,但是它编译完的文件是自动放到.tmp/styles下,gulp serve启动服务的时候,index.html会因为没有main.css引用导致显示不正常,这个怎么改啊?总不会是手动copy个编译完的main.css放到app下吧?
好吧,这个问题,default了一下,莫名其妙就好了~~
下面回复里的问题,还没解决~~
gulp-webapp脚手架默认建立的项目,选上了sass,配置的rubysass,我改了task-styles能够顺利编译sass文件,但是它编译完的文件是自动放到.tmp/styles下,gulp serve启动服务的时候,index.html会因为没有main.css引用导致显示不正常,这个怎么改啊?总不会是手动copy个编译完的main.css放到app下吧?
好吧,这个问题,default了一下,莫名其妙就好了~~
下面回复里的问题,还没解决~~
2015-03-15
gulp.task('styles', function () {
return $.rubySass('app/styles/main.scss',{
sourcemap:true,
style:'expanded',
precision:10
})
.on('error',function(err){console.log(err.message);})
.pipe($.postcss([
require('autoprefixer-core')({browsers: ['last 1 version']})
]))
.pipe($.sourcemaps.write())
.pipe(gulp.dest('.tmp/styles'))
.pipe(reload({stream: true}));
});
还有个问题,app/styles/main.scss这个路径,只有写main单文件的时候,才能编译css,如果改成app/styles/*.scss,它就不会在.tmp/styles出现css文件,如果想写很多scss,都能自动编译成同名的css文件,应该怎么改代码啊?
举报