有誰知道如何在 Laravel 4 上安裝 SASS？

Question

我正在嘗試在 Laravel 4 上運行 SASS 的安裝。

我正在運行 composer 並且我的 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"
}

我想知道在 Composer 中是否有一種非常簡單的方法可以將其添加為項目依賴項。

我想這樣做的原因是因為它更易於管理並且從長遠來看有助於構建。

如果有另一種方法可以做到並安裝 grunt 來縮小 css/js，那就更好了。

謝謝。

Answer 1

試試laravel-sass吧！

由於我發現的所有其他項目要么死了，要么嚴重損壞，要么根本不提供任何自動 scss 編譯（無需每次都手動觸發），我最終編寫了一個簡單的工具：

• 將 scss 文件夾中的所有 .scss 自動編譯為同名的 .css 文件到您的 css 文件夾中
• 是用純 PHP 編寫的！
• 使用優秀的scssphp 編譯器並在它周圍放置自動化
• 支持最新的 SCSS 語法，目前SCSS 3.2.12
• 通過 Composer 安裝一行代碼
• 讓我們定義 scss 和 css 文件夾，這樣您就可以始終擁有准確的 scss 同名 css 文件

我博客上的安裝教程：如何在 Laravel 中使用 SASS 。

Answer 2

嗨，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/");

webpack 下需要添加新的 scss 文件。

路徑：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');

我添加了一些示例，例如應用程序、學生和網站作為示例。 此外，Sass 和 Scss 相同，只有一些語法差異可以閱讀更多： Sass 和 Scss 差異