为了账号安全,请及时绑定邮箱和手机立即绑定

gulp-webapp默认项目问题

gulp-webapp脚手架默认建立的项目,选上了sass,配置的rubysass,我改了task-styles能够顺利编译sass文件,但是它编译完的文件是自动放到.tmp/styles下,gulp serve启动服务的时候,index.html会因为没有main.css引用导致显示不正常,这个怎么改啊?总不会是手动copy个编译完的main.css放到app下吧?

好吧,这个问题,default了一下,莫名其妙就好了~~

下面回复里的问题,还没解决~~

正在回答

3 回答

你好,请问第一个问题是怎么好的。我的也是出现运行页面没有样式问题

0 回复 有任何疑惑可以回复我~
#1

慕粉3156497

我的也是只出现了运行页面没有样式,bootstrap.css 和bootstrap.js都没有引用进来,请问你后来解决了吗?
2016-09-20 回复 有任何疑惑可以回复我~

好吧,上个我自己回复的问题,也解决了,这样改return $.rubySass('app/styles/'...

就可以了。但是运行的时候,会出个新问题,怎么解决啊?http://img1.sycdn.imooc.com//5505a5d60001cf9a06460367.jpg

找不到bootstrap.scss


0 回复 有任何疑惑可以回复我~

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文件,应该怎么改代码啊?

0 回复 有任何疑惑可以回复我~

举报

0/150
提交
取消

gulp-webapp默认项目问题

我要回答 关注问题
意见反馈 帮助中心 APP下载
官方微信