laravel elixir怎样同时在不同文件夹下编译sass文件
微信里点“发现”,扫一下
二维码便可将本文分享至朋友圈。
这样不知道可以达到你的要求不:
var paths = { 'sasspaths': 'your-sass-path', } elixir(function (mix) { mix.sass('app.scss', 'public/css', { includePaths: [ __dirname + paths.sasspaths+ 'stylesheets/' ] }); mix.version("css/app.css"); });
这样也是一次编译一个文件啊 难道非要执行多个mix.sass()才行?
以bootstrap和font awesome 为例:
var paths={ bootstrap:'./node_modules/bootstrap-sass/assets/', fontawesome:'./node_modules/font-awesome/' }; elixir(function(mix) { mix.sass('app.scss','public/css/app-scss.css',{includePaths:[ paths.bootstrap+'stylesheets/', paths.fontawesome+'scss/' ]}); });
gulpfile.js 里面这样写。sass文件里面也要有相应的引用代码。在app.scss里面加入:
//这两行是配置引入的bootstrap和fontawesome里面的变量值。 $icon-font-path: "/fonts/bootstrap/"; $fa-font-path: "/fonts/fontawesome"; @import "bootstrap"; @import "font-awesome"; //下面写你自己的sass代码 //
jjh
谢谢