有谁知道如何在Laravel 4上安装SASS?

时间:2013-10-23 15:31:06

标签: php sass laravel-4 gruntjs compass-sass

我正在尝试在Laravel 4上安装SASS。

我正在运行作曲家,并让我的composer.json设置如下:

{
    "name": "laravel/laravel",
    "description": "The Laravel Framework.",
    "keywords": ["framework", "laravel"],
    "license": "MIT",
    "require": {
        "laravel/framework": "4.0.*",
        "cartalyst/sentry": "2.0.*",
    },
    "autoload": {
        "classmap": [
            "app/commands",
            "app/controllers",
            "app/models",
            "app/database/migrations",
            "app/database/seeds",
            "app/tests/TestCase.php"
        ]
    },
    "scripts": {
        "post-install-cmd": [
            "php artisan optimize"
        ],
        "post-update-cmd": [
            "php artisan clear-compiled",
            "php artisan optimize"
        ],
        "post-create-project-cmd": [
            "php artisan key:generate"
        ]
    },
    "config": {
        "preferred-install": "dist"
    },
    "minimum-stability": "dev"
}

我想知道在作曲家中是否有一种非常简单的方法可以将其添加为项目依赖。

我想这样做的原因是因为它更容易管理,从长远来看它有助于建设。

如果有另一种方法可以做到并安装grunt来缩小css / js那么那就更好了。

感谢。

2 个答案:

答案 0 :(得分:9)

尝试laravel-sass

由于我发现的所有其他项目都已死亡,可怕的损坏或者根本不提供任何自动scss编译(无需每次都手动触发)我最终编写了一个简单的工具:

  • 将scss文件夹中的所有.scss自动编译成同名的.css文件到你的css文件夹中
  • 用纯PHP编写
  • 使用优秀的scssphp compiler并在其周围添加自动功能
  • 支持最新的SCSS语法,目前 SCSS 3.2.12
  • 通过Composer安装了一行代码
  • 让你定义scss和css文件夹,这样你就可以得到scss的准确,同名的css文件

我博客上的安装教程: How to use SASS in Laravel

答案 1 :(得分:0)

您好laravel开发人员

Laravel 5 及更高版本中,您可以将其添加到require-dev中,请注意不在正常的require内。

路径:“ composer.json”

"require-dev": {
    "panique/laravel-sass": "1.0"
}

将此行添加到索引文件中。

路径:public / index.php。

SassCompiler::run("resources/sass/", "public/css/");

请注意,“ resources / sass”是输入文件路径,而“ public / css”是输出编译路径。 您还可以将其保留为简单路径,例如SassCompiler :: run(“ scss /”,“ css /”);

新的scss文件需要在webpacck下添加。

路径:webpack.mix.js

mix.js('resources/js/app.js', 'public/js')
.sass('resources/sass/app.scss', 'public/css')
.sass('resources/sass/student.scss', 'public/css')
.sass('resources/sass/website.scss', 'public/css');

我添加了一些示例示例,例如app,studen和网站示例。另外,Sass和Scss相同,只是语法上有所不同,以了解更多信息:Sass and Scss difference