laravel使用laravel elixir打包压缩js,css文件(已测试)

  1. laravel使用laravel elixir打包压缩js,css文件实例
  2. 1)安装laravel5.1框架
  3. 2)安装node.js
  4. 3)package.json文件中定义的所有依赖( gulp laravel-elixir )。
  5. {
  6. "private":true,
  7. "devDependencies":{
  8. "gulp":"^3.8.8"//必须
  9. },
  10. "dependencies":{
  11. "laravel-elixir":"^4.0.0"//必须
  12. }
  13. }
  14. 4)项目根目录下运行命令: npm install
  15. 该命令会运行根目录下package.json 安装必要的扩展
  16. 5) resources/assets下新建less, sass, js等开发未合并文件夹
  17. 6)新建需要打包的less, sass, js文件
  18. 此处根据业务需求自己新建
  19. 7) gulpfile.js文件修改打包配置
  20. var elixir =require('laravel-elixir');
  21. var gulp =require('gulp');
  22. //gulp命令执行区间 打包命令:gulp
  23. elixir(function(mix){
  24. //scss打包
  25. mix.sass([
  26. 'app.scss','app2.scss'
  27. ]);
  28. //less打包
  29. mix.scripts([
  30. 'app.less','app2.less'
  31. ]);
  32. //js打包
  33. mix.scripts([
  34. 'app.js','app2.js'
  35. ]);
  36. //为打包好的文件创建版本号
  37. mix.version(['css/app.css','js/all.js']);
  38. //1) 打包后自动在public/build下创建对应的文件
  39. //2) 模板页面载入版本号文件实例
  40. //3)
  41. //4)
  42. });