问答详情
源自:7-1 gulp-in-action(一)

gulp-webapp默认项目问题

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

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

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

提问者:kurai 2015-03-15 22:36

个回答

  • 过北踏居
    2016-06-04 21:29:47

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

  • kurai
    2015-03-15 23:32:03

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

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

    找不到bootstrap.scss


  • kurai
    2015-03-15 22:54:57

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