Skip to content

Workflow 9 / Webpack 5 hot reload settings #594

@bjnewman

Description

@bjnewman

🐛 Bug report

Current Behavior

Using a fairly standard workflow 9 project setup, when changes are made in the project code, hot module replacement works as expected and updates are applied to the local client without a page refresh. However, based on the webpack-dev-server settings here we expect webpack to watch for changes in local copies of node_modules folder for @/av and @/availity scoped packages. When we make those changes - we do see webpack recompile and hmr updates being sent from the server to the client
image

however we do not see those changes applied, either in an hmr way or by falling back to a page refresh.

Expected behavior

Changes to packages in node modules that are watched by webpack should trigger hmr updates and those changes should be applied and visible on the client.

Reproducible example

Link to internally hosted projects that can reproduce the issue available on request

Suggested solution(s)

Theres a number of settings related to hot module replacement in webpack, and various reports about how migrating from webpack 4 to 5 may break previously working configurations, but i could not find anything specific about HMR updates not being applied to certain files. Also note various loaders like babel-loader have their own impact on HMR.

Your environment

image

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type
    No fields configured for issues without a type.

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions