安装 Laravel Elixir

文章目录

    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 聊聊,或者关注我的个人公众号“大象工具”, 查看更多联系方式