码迷,mamicode.com
首页 > 其他好文 > 详细

laravel elixir

时间:2016-06-15 23:36:41      阅读:162      评论:0      收藏:0      [点我收藏+]

标签:

npm install
npm install jquery --save

//bootsrap3.36 与 jquery3不兼容,下载jquery时可能需要确定版本号

npm install jquery@2.x  --save

 

编辑 resources/assets/sass/app.scss

@import "variables";

@import "node_modules/bootstrap-sass/assets/stylesheets/bootstrap";

创建variables.scss,改写bootstrap样式变量

$body-bg:               #FEFEFE;
$brand-primary:         darken(skyblue, 6.5%);
$panel-bg:              #AFEEEE;

创建文件: resources/assets/js/app.js

window.$ = window.jQuery = require(jquery);

require(bootstrap-sass);

$( document ).ready(function() { 
    console.log($.fn.tooltip.Constructor.VERSION);
});

以上为引入jquery, 引入bootstrap.js, console.log 记录bootstrap版本号(测试用)

 

编辑项目根目录下的 gulpfile.js :

var elixir = require(laravel-elixir);

elixir(function(mix) {
    mix.sass(app.scss)
        .browserify(app.js)
        .version([css/app.css, js/app.js]);
});

运行gulp生成文件,在app.blade.php里就可以进行引入了

...

<link href="{{ elixir(‘css/app.css‘) }}" rel="stylesheet">

...
...

<script src="{{ elixir(‘js/app.js‘) }}"></script>

...

 

laravel elixir

标签:

原文地址:http://www.cnblogs.com/fenle/p/5589345.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!