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 聊聊, 查看更多联系方式