Heim > Fragen und Antworten > Hauptteil
Die gulpfile.js von Laravel 5.3 sieht so aus:
var elixir = require('laravel-elixir');
require('laravel-elixir-vue');
elixir(function(mix) {
mix.sass('app.scss')
.webpack('app.js');
});
Das Obige kann scss und js direkt kompilieren und komprimieren. Die Frage ist, wie sollte die SCSS-Datei kompiliert werden, wenn sie mit Compass geschrieben wurde?
„laravel-elixir-sass-compass“ ausprobiert: „^0.5.0“, dieses Paket scheint schon lange nicht mehr aktualisiert worden zu sein, es gibt ein Problem mit der Installation:
$ 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
怪我咯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的就可以使用