Как исправить webpacker webpack-dev-server, не перекомпилированный при изменениях scss - PullRequest
Новая
       34

Как исправить webpacker webpack-dev-server, не перекомпилированный при изменениях scss

0 голосов
/ 18 апреля 2019

Я использую 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,и когда я обновлю изменения будут отражены на странице, без выполнения ручной компиляции.

...