如何在沒有 gulp 和 laravel-elixir 的情況下編譯 sass [修復]

Question

如果你得到這樣的錯誤這樣：

那么你來對地方了:)

Answer 1

首先，您必須從項目中刪除 node_modules 文件夾。 為此，請鍵入以下命令：

請注意，在刪除 package.json 之前復制模塊名稱:)

1. rm -rf node_modules
2. rm -rf 包-lock.json
3. rm -rf 包.json
4. npm 緩存清理

現在你將需要一個新的 package.json 這樣做你需要這個命令：

• 初始化

按 Enter 直到命令行返回。

現在您需要安裝Node-Sass來執行此操作，輸入以下命令：

• npm 安裝 node-sass

如果權限有問題，請嘗試使用 sudo，如下所示：

• 須藤 npm 安裝 node-sass

安裝Node-sass 后，你需要編寫Node-sass命令，進入 package.json 文件，你會看到如下內容：

{
  "name": "blog",
  "version": "1.0.0",
  "description": "Bla Bla Bla Bla ...",
  "main": "gulpfile.js",
  "directories": {
    "test": "tests"
  },
  "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1",
  },
  "author": "",
  "license": "ISC",
  "dependencies": {
    "bootstrap": "^4.4.1",
    "jquery": "^3.4.1",
    "node-sass": "^4.13.1"
  }
}

在腳本部分添加一個 scss 命令，在 test 命令下，如下所示：

"scripts": {
  "test": "echo \"Error: no test specified\" && exit 1",
  "scss": "node-sass resources/assets/sass -o public/css"
}

您可以使用 --watch 選項，如下所示：

"scripts": {
  "test": "echo \"Error: no test specified\" && exit 1",
  "scss": "node-sass --watch resources/assets/sass -o public/css"
}

這意味着如果有更改，則監視目錄或文件，換句話說，每次點擊CTRL + S或CMD + S時，它都會編譯所有 .scss 文件。

最后，運行腳本：

• npm 運行 scss

非常感謝Zviad Sichinava 。

了解有關node-sass 的更多信息。