Laravel-sass不工作

-1

我正在開發一個Web應用程序。我正在使用Laravel 5.3。我也想用SASS。這是我第一次使用SASS。我從這篇教程中學到了 - http://blog.teamtreehouse.com/the-absolute-beginners-guide-to-sass。現在我正在嘗試將SASS與Laravel整合。我剛開始建設項目。所以我決定使用這個 - https://github.com/panique/laravel-sass。Laravel-sass不工作

我包括這composer.json

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

我在公衆加入這一行/ index.php文件

SassCompiler::run("scss/", "css/");

所以我的公共文件夾中的index.php看起來像這樣

然後我在終端運行「更新作曲家」命令。安裝在終端中運行良好。

所以，現在我需要嘗試SASS並確保它工作與否。

所以我在公用文件夾中創建了兩個文件。

public/css/style.css

和

public/scss/style.scss

然後創建了一個圖，hello.blade.php。這是html。

<!DOCTYPE html> 
<html> 
<head> 
    <title>SASS</title> 
    <link rel="stylesheet" type="text/css" href="{{ url('css/style.css') }}"> 
</head> 
<body> 
<h1 class="heading">Let's sass. Just change color.</h1> 
</body> 
</html>

然後我說這行的公共/ SCSS/style.scss

$red: #FF4848 


.heading 
    color:$red

然後我配置這樣Laravel路線。

Route::get('hello', function() { 
    return View('hello'); 
});

當我從瀏覽器訪問URL時，它給了我這個錯誤。

Fatal error: Uncaught Exception: parse error: failed at $color : red line: 1 in C:\xampp\htdocs\whatsuppathein\vendor\leafo\scssphp\scss.inc.php:4108 Stack trace: #0 C:\xampp\htdocs\whatsuppathein\vendor\leafo\scssphp\scss.inc.php(2761): scss_parser->throwParseError() #1 C:\xampp\htdocs\whatsuppathein\vendor\leafo\scssphp\scss.inc.php(121): scss_parser->parse('$color : red\r\n\r...') #2 C:\xampp\htdocs\whatsuppathein\vendor\panique\laravel-sass\sass-compiler.php(53): scssc->compile('$color : red\r\n\r...') #3 C:\xampp\htdocs\whatsuppathein\public\index.php(50): SassCompiler::run('scss/', 'css/') #4 {main} thrown in C:\xampp\htdocs\whatsuppathein\vendor\leafo\scssphp\scss.inc.php on line 4108

我的代碼有什麼問題？

當我更換此行

SassCompiler::run("scss/", "css/");

與此

SassCompiler::run("public/scss/", "public/css/");

公共/ index.php文件，它不拋出錯誤。但不能更改任何CSS。不改變字體顏色。

來源

2016-11-27 Wai Yan Hein

Laravel使用gulp來傳輸依賴關係，並在您從項目direcftory執行npm install時生成它。

打開您的resources/scss/app.scss文件，您可以執行@import統計到您自己的文件。

項目根目錄中的gulp.js文件包含sass transpiling。

來源

2016-11-27 09:31:16 Ohgodwhy

所以我甚至可以刪除laravel-sass，我現在使用的那個？ –

此外，如何鏈接到我在Laravel的視圖文件中的資源內的scss文件？ –

@WaiYanHein你不鏈接到'scss'文件。相反，你將它編譯出來，其結果應該放在你的'public/assets/css /'目錄下（或者在'public /'下面）。 – Ohgodwhy

Laravel-sass不工作

回答

相關問題