環境準備
node -v 檢查node.js的版本
npm -v
注:node.js 5.0 版本之后就自帶了npm
可以去node.js的官網:nodejs.org 去下載
當然我們需要使用gulp 進行管理
$ npm install --global gulp 全局安裝gulp
$ npm install --save-dev gulp 針對每一個項目進行安裝
之后,可以輸入 npm install 把 laravel 中的 elixir 所有的依賴都下載下來,
在laravel 項目中找到 gulpfile.js
elixir(function (mix) {
mix.sass('app.scss');
});
這里面有很多自定義實際應用場景,譬如:
elixir(function (mix) {
mix.sass(['app.scss' , 'font.scss']);
//傳入一個數組,會讓兩個scss文件生成在同一個css文件下
});
還有
elixir(function (mix) {
mix.sass(['app.scss','font.scss'] , 'public/style/style.css');
//指定生成在哪一個目錄下
});
同時,還可以使用多個.sass進行多文件的操作
注意:當產品上線的時候,可以執行gulp --production 對編譯后的文件進行壓縮