安装 Laravel Elixir

更新日期: 2016-09-13 阅读次数: 10566 分类: Laravel

Laravel Elixir

Elixir [ɪˈlɪksɚ] n. 灵丹妙药,长生不老药

Laravel Elixir 提供了 API 以操作 gulp task。Elixir 支持常见的的 CSS, JS 预处理、及测试工具。

依赖安装 - Node

确保系统已安装 Node.js

node -v

✗ node -v zsh: command not found: node

Ubuntu 16.04

curl -sL https://deb.nodesource.com/setup_4.x | sudo -E bash -
sudo apt-get install -y nodejs
sudo ln -s `which nodejs` /usr/bin/node
node -v

v4.2.6

安装 NPM

sudo apt install npm

更换为阿里的镜像

vim ~/.npmrc

加入

registry =https://registry.npm.taobao.org

安装 Gulp

sudo npm install --global gulp-cli

安装 Elixir

直接运行

npm install

即可,因为 Laravel 项目目录下,默认有一个 package.json 文件。

但是,报错了

Cannot download "https://github.com/sass/node-sass/releases/download/v3.9.3/linux-x64-46_binding.node": ode:

功夫网真是不给国内程序员留活路啊,连 Github 都不放过。网上查到说,cnpm 将 node-sass 的二进制文件也从 github 镜像到 taobao npm,只能老老实实的安装 cnpm 了

sudo npm install -g cnpm --registry=https://registry.npm.taobao.org
cnpm install

擦,cnpm 安装速度比 npm 快一万倍,信阿里得永生! 过节一定给马云烧盒月饼。

运行 elixir

gulp

如果需要将 css, js 压缩,则运行

gulp --production

对应的资源默认目录为 resources/assets/css, resources/assets/js

elixir 配置在哪里?

gulpfile.js

关于作者 🌱

我是来自山东烟台的一名开发者,有敢兴趣的话题,或者软件开发需求,欢迎加微信 zhongwei 聊聊, 查看更多联系方式