laravel使用laravel elixir打包压缩js,css文件

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

有问题可在下面发表评论,当然没事也可以在下面吹吹牛皮、扯扯淡!

发表评论

*


Warning: Cannot modify header information - headers already sent by (output started at /www/wwwroot/blog/content/templates/Bitter/footer.php:40) in /www/wwwroot/blog/include/lib/view.php on line 23