首頁  >  問答  >  主體

Laravel Elixir怎麼整合使用Compass?

Laravel 5.3的gulpfile.js是這樣的:

var elixir = require('laravel-elixir');

require('laravel-elixir-vue');

elixir(function(mix) {
    mix.sass('app.scss')
       .webpack('app.js');
});

上面可以直接編譯壓縮scss和js。問題是如果用compass寫的scss文件,那該怎麼編譯呢?
試過"laravel-elixir-sass-compass": "^0.5.0",這個包,好像很久沒更新了,安裝有問題:

$ npm install
npm ERR! Windows_NT 10.0.14393
npm ERR! argv "C:\Program Files\nodejs\node.exe" "C:\Users\dell\AppData\Roaming\npm\node_modules\npm\bin\npm-cli.js" "install"
npm ERR! node v7.0.0-nightly2016080329e49fc286
npm ERR! npm  v3.10.5

npm ERR! cb is not a function
npm ERR!
npm ERR! If you need help, you may report this error at:
npm ERR!     <https://github.com/npm/npm/issues>
npm ERR! Windows_NT 10.0.14393
npm ERR! argv "C:\Program Files\nodejs\node.exe" "C:\Users\dell\AppData\Roaming\npm\node_modules\npm\bin\npm-cli.js" "install"
npm ERR! node v7.0.0-nightly2016080329e49fc286
npm ERR! npm  v3.10.5

npm ERR! cb is not a function
npm ERR!
npm ERR! If you need help, you may report this error at:
npm ERR!     <https://github.com/npm/npm/issues>

npm ERR! Please include the following file with any support request:
npm ERR!     D:\wnmp\www\laravel-5-3-demo\npm-debug.log
仅有的幸福仅有的幸福2685 天前581

全部回覆(1)我來回復

  • 怪我咯

    怪我咯2017-05-16 16:53:35

    這個包安裝沒有問題的。親測可用。

    npm install --save-dev laravel-elixir-sass-compass

    安裝後在gulpfile.js寫如下程式碼

    var elixir = require('laravel-elixir');
        require('laravel-elixir-sass-compass');
        
    elixir(function(mix) {
        mix.compass('app.scss');
    });

    然後執行 npm run dev
    在這裡有一個注意的地方
    如果使用的node版本是6.0以上版本,會報錯的。要用6.0一下版本
    我使用的是n工具來管理自己的node版本的。我安裝了5.11.0的就可以使用

    回覆
    0
  • 取消回覆