133-laravel项目css、js压缩(一)

这里我们使用NodeJS的Gulp编译资源文件,laravel已经提供好了package.json!

  • 第一步:确保你的电脑上安装了NodeJs
node -v

传送门:305-Ubuntu 16.04搭建 Node环境

  • 第二步:安装Gulp[laravel项目根目录下执行]
// laravel项目根目录下执行
npm install
  • 第三步:编写gulpfile.js配置文件
var elixir = require('laravel-elixir');
elixir(function(mix) {
        mix.styles('fixedheader.bootstrap.min.css', 'public/build/css', 'public/source/css');
        mix.scripts('datatables.scroller.min.js', 'public/build/js', 'public/source/js');
}
  • 第四步:执行压缩。在命令增加--production 标示会告知 Elixir 压缩你的 CSS 及 JavaScript 文件:
// 运行所有任务并压缩所有 CSS 及 JavaScript...
gulp --production
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • Laravel Elixir(炼金药) 简介 Laravel Elixir 为你的应用定义基础的 Gulp 任务提...
    Dearmadman阅读 3,933评论 0 2
  • gulpjs是一个前端构建工具,与gruntjs相比,gulpjs无需写一大堆繁杂的配置参数,API也非常简单,学...
    build1024阅读 3,468评论 0 0
  • 从零学Laravel目录列表 在Laravel中我们可以直接将css和js文件放在app/public目录下,不过...
    ZhouJiping阅读 8,079评论 1 4
  • Pines Cheng’s Blog awesome-gulp中文版 一份gulp的资源,插件和使用实例清单, 致...
    大前端之路阅读 6,743评论 0 12
  • 瑞士之行游记 第一夜: 2016年7月10日。 北京时间凌晨四点十二分。 瑞士时间晚上十点十二分。 这是我...
    欻晟阅读 1,612评论 0 0