7

我正在尝试在 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"
}

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

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

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

谢谢。

4

2 回答 2

8

试试laravel-sass！

由于我发现的所有其他项目要么已经死机，要么严重损坏，要么根本不提供任何自动 scss 编译（无需每次都手动触发），我最终编写了一个简单的工具：

  • 将您的 scss 文件夹中的所有 .scss 自动编译为同名的 .css 文件到您的 css 文件夹中
  • 是用纯 PHP 编写的！
  • 使用优秀的scssphp 编译器并在其周围添加自动化
  • 支持最新的 SCSS 语法，目前是SCSS 3.2.12
  • 使用一行代码通过 Composer 安装
  • 让您定义 scss 和 css 文件夹，因此您始终拥有准确的同名 css 文件

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

于 2014-02-12T06:25:33.497 回答
1

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

需要在 webpackck 下添加新的 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 差异

于 2020-07-26T11:44:55.503 回答