Как скомпилировать sass без глотка и laravel -еликсира [FIX]

Question

Если вы получаете сообщение об ошибке типа this :

Тогда вы находитесь в праве место:)

Answer 1

Сначала вы должны удалить папку node_modules из вашего проекта. Для этого введите следующие команды:

Обратите внимание, скопируйте имя модуля перед удалением пакета. json:)

1. rm -rf node_modules
2. rm -rf package-lock. json
3. rm -rf package. json
4. npm очистка кэша

Теперь вам понадобится новый пакет. json Для этого вам понадобится следующая команда:

• npm init

нажимайте ввод до тех пор, пока не вернется командная строка .

Теперь вам нужно установить Node-Sass , чтобы сделать это, введите следующую команду:

• npm install node-sass

если есть проблема с разрешениями, попробуйте с sudo, например так:

• sudo npm install node-sass

После установки Node -sass вам нужно написать Node-sass команду, go в пакет. 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"
  }
}

В В разделе сценариев добавьте команду s css под пробелом и вот так:

"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"
}

Что означает просмотр каталога или файла, если есть изменения, другими словами , он будет компилировать все файлы .s css каждый раз, когда вы нажимаете CTRL + S или CMD + S.

И, наконец, запустите скрипт:

• npm run s css

Большое спасибо Звиад Сичинава .

Подробнее о node-sass .