laravel使用laravel elixir打包压缩js,css文件实例1)安装laravel5.1框架2)安装node.js3)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) });
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打包
'app.js','app2.js'
//为打包好的文件创建版本号
mix.version(['css/app.css','js/all.js']);
//1) 打包后自动在public/build下创建对应的文件
//2) 模板页面载入版本号文件实例
//3)
//4)
});