laravel使用laravel elixir打包压缩js,css文件实例 1)安装laravel5.1框架 2)安装node.js 3)package.json文件中定义的所有依赖( gulp 和 laravel-elixir )。 { "private":true, "devDependencies":{ "gulp":"^3.8.8"//必须 }, "dependencies":{ "laravel-elixir":"^4.0.0"//必须 } } 4)项目根目录下运行命令: npm install 该命令会运行根目录下package.json 安装必要的扩展 5) resources/assets下新建less, sass, js等开发未合并文件夹 6)新建需要打包的less, sass, js文件 此处根据业务需求自己新建 7) gulpfile.js文件修改打包配置 var elixir =require('laravel-elixir'); var gulp =require('gulp'); //gulp命令执行区间 打包命令:gulp elixir(function(mix){ //scss打包 mix.sass([ 'app.scss','app2.scss' ]); //less打包 mix.scripts([ 'app.less','app2.less' ]); //js打包 mix.scripts([ 'app.js','app2.js' ]); //为打包好的文件创建版本号 mix.version(['css/app.css','js/all.js']); //1) 打包后自动在public/build下创建对应的文件 //2) 模板页面载入版本号文件实例 //3) //4) });
Comments : 0