Я использую webpacker для управления javascript
, scss
и assets
в моем проекте rails.Я использовал следующую команду для запуска webpack-dev-server
.
bin/webpack-dev-server
, когда я изменяю содержимое файла javascript
, его перекомпиляцию и при обновлении страницы получаем обновленное содержимое.Но когда я пытаюсь сделать то же самое с scss
, файл не обновляется.
Сервер разработчика Webpacker не перекомпилирует scss
файлы при изменении.
Ниже приведена моя webpacker.yml
dev_server
конфигурация:
development:
<<: *default
compile: false
# Reference: https://webpack.js.org/configuration/dev-server/
dev_server:
https: false
host: localhost
port: 3035
public: localhost:3035
hmr: false
# Inline should be set to true if using HMR
inline: true
overlay: true
compress: true
disable_host_check: true
use_local_ip: false
quiet: false
headers:
"Access-Control-Allow-Origin": "*"
watch_options:
ignored: /node_modules/
Ниже приводитсяЗависимость
"devDependencies": {
"babel-jest": "^22.4.3",
"enzyme": "^3.3.0",
"enzyme-adapter-react-16": "^1.1.1",
"husky": "^0.14.3",
"jest": "^23.4.1",
"jest-junit": "^4.0.0",
"prettier": "1.16.4",
"pretty-quick": "^1.10.0",
"rails-erb-loader": "^5.5.2",
"react-test-renderer": "^16.3.2",
"stylelint": "^9.2.1",
"stylelint-config-standard": "^18.2.0",
"stylelint-scss": "^3.5.4",
"webpack-bundle-analyzer": "^2.12.0",
"webpack-cli": "^3.3.0",
"webpack-dev-server": "3.0.0"
}
Обновление: 1 (hmr: true
)
Я пытался изменить настройку dev_server
для hmr: false
на hmr: true
, и в это время файлы CSS не выполнялисьдаже загружен.В сети не было запроса на получение файлов CSS !!!
Я ожидаю, что при изменении содержимого файла scss
webpack-dev-server
будет автоматически перекомпилироваться, как при изменении файла js
,и когда я обновлю изменения будут отражены на странице, без выполнения ручной компиляции.