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
舉報
2016-06-04
你好,請問第一個問題是怎么好的。我的也是出現運行頁面沒有樣式問題
2015-03-15
好吧,上個我自己回復的問題,也解決了,這樣改return $.rubySass('app/styles/'...
就可以了。但是運行的時候,會出個新問題,怎么解決?。?img src="http://img1.sycdn.imooc.com//5505a5d60001cf9a05000285.jpg" alt="http://img1.sycdn.imooc.com//5505a5d60001cf9a06460367.jpg" />
找不到bootstrap.scss
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文件,應該怎么改代碼?。?/p>