Я пытаюсь автоматизировать рабочие процессы разработки с помощью пакетов npm.
Ниже мой файл package.json:
"main": "index.js",
"scripts": {
"build-css": "node-sass --output-style --include-path scss assets/scss/main.scss style.css/",
"watch-css": "nodemon -e scss -x \"npm run build-css\"",
"serve": "browser-sync start --proxy http://localhost/devsite.dev/ --files '*.scss, *.css, *.php'",
"start": "npm-run-all -p watch-css serve"
},
"devDependencies": {
"browser-sync": "^2.26.3",
"node-sass": "^4.11.0",
"nodemon": "^1.18.9",
"npm-run-all": "^4.1.5",
"onchange": "^5.2.0"
}
У меня есть следующие проблемы:
- Как правильно настроить Browser-sync для запуска сайта WordPress?
Мой сайт WordPress работает на порту 80, а браузерная синхронизация работает на порту 3000.
Я использовал следующий скрипт для запуска синхронизации браузера и отображения страниц сайта Wordpress:
"serve": "browser-sync start --proxy http://localhost/devsite.dev/ --files '*.scss, *.css, *.php'",
- Что касается файлов Node-sass, мне нужно дважды сохранить файлы SCSS, чтобы увидеть живое обновление через синхронизацию с браузером.
Как отобразить изменения стиля в браузере, сохранив файл SCSS один раз?