Обновление : я узнал, что могу перенести свой CSS в _base.s css, но единственный способ обновить его - это если я go вернусь на главную .s css файл, сохраните его, затем он обновится. Я не знаю, почему это работает, только если я go вернусь к файлу main.s css, чтобы сохранить, хотя все CSS находится в файле base.s css.
У меня CSS правильно работает с файлом main.s css, но когда я создал новые файлы s css и импортировал их обратно в файл main.s css, CSS перестал работать.
В моем main.s css я удалил все CSS и использовал этот импорт
@import "base";
@import "layout";
@import "components";
Когда Я скопировал свой CSS в _base.s css, он больше не работал.
Здесь находится верхняя часть моего HTML файла
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link
href="https://fonts.googleapis.com/css?family=Open+Sans:300,400,600"
rel="stylesheet"
/>
<link rel="stylesheet" href="css/style.css" />
<link rel="shortcut icon" type="image/png" href="img/favicon.png" />
Я пытался переустановить npm и скомпилируйте: sass, но по какой-то причине я не могу заставить его работать должным образом с живым сервером.
Вот скрипт и devDependencies
"scripts": {
"watch:sass": "node-sass sass/main.scss css/style.css -w",
"devserver": "live-server",
"start": "npm-run-all --parallel devserver watch:sass",
"compile:sass": "node-sass sass/main.scss css/style.comp.css",
"prefix:css": "postcss --use autoprefixer -b 'last 10 versions' css/style.comp.css -o css/style.prefix.css",
"compress:css": "node-sass css/style.prefix.css css/style.css --output-style compressed",
"build:css": "npm-run-all compile:sass prefix:css compress:css"
},
"devDependencies": {
"autoprefixer": "^7.1.4",
"concat": "^1.0.3",
"live-server": "^1.2.1",
"node-sass": "^4.5.3",
"npm-run-all": "^4.1.1",
"postcss-cli": "^4.1.1"
}