gulp-webapp默认项目问题

来源:7-1 gulp-in-action(一)

kurai

2015-03-15 22:36

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

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

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

写回答 关注

3回答

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

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

    慕粉3156...

    我的也是只出现了运行页面没有样式,bootstrap.css 和bootstrap.js都没有引用进来,请问你后来解决了吗?

    2016-09-20 17:57:16

    共 1 条回复 >

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

Grunt-beginner前端自动化工具

通过配置Grunt自动化工具,提高您的工作效率,出乎您的想象

60388 学习 · 408 问题

查看课程

相似问题