美文网首页
如何使用正确的姿势在laravel框架中管理CSS

如何使用正确的姿势在laravel框架中管理CSS

作者: lMadman | 来源:发表于2016-10-27 09:42 被阅读0次

    环境准备

    node -v 检查node.js的版本
    npm -v

    注:node.js 5.0 版本之后就自带了npm
    可以去node.js的官网:nodejs.org 去下载

    当然我们需要使用gulp 进行管理
    $ npm install --global gulp 全局安装gulp
    $ npm install --save-dev gulp 针对每一个项目进行安装

    之后,可以输入 npm install 把 laravel 中的 elixir 所有的依赖都下载下来,
    在laravel 项目中找到 gulpfile.js

    elixir(function (mix) {
        mix.sass('app.scss');
    });
    

    这里面有很多自定义实际应用场景,譬如:

    elixir(function (mix) {
        mix.sass(['app.scss' , 'font.scss']);
    //传入一个数组,会让两个scss文件生成在同一个css文件下
    });
    

    还有

    elixir(function (mix) {
        mix.sass(['app.scss','font.scss'] , 'public/style/style.css');
    //指定生成在哪一个目录下
    });
    

    同时,还可以使用多个.sass进行多文件的操作

    注意:当产品上线的时候,可以执行gulp --production 对编译后的文件进行压缩

    相关文章

      网友评论

          本文标题:如何使用正确的姿势在laravel框架中管理CSS

          本文链接:https://www.haomeiwen.com/subject/aevjuttx.html