Laravel Elixir怎么整合使用Compass?

发布于 2022-09-03 11:44:26 字数 1281 浏览 19 评论 0

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

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

还在原地等你 2022-09-10 11:44:26

这个包安装没有问题的。亲测可用。

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的就可以使用

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文