This repository has been archived by the owner on Jan 6, 2023. It is now read-only.

occar421 / transmit-update-loader Public archive

Notifications You must be signed in to change notification settings
Fork 0
Star 0

Message passing tool to transmit update to another file during webpack loader process.

Notifications

Name		Name	Last commit message	Last commit date
Latest commit History 459 Commits
.circleci		.circleci
src		src
test		test
.babelrc		.babelrc
.eslintrc		.eslintrc
.gitignore		.gitignore
LICENSE		LICENSE
README.md		README.md
jest.config.js		jest.config.js
package.json		package.json
renovate.json		renovate.json
yarn.lock		yarn.lock

Repository files navigation

transmit-update-loader

Message passing tool to transmit an update to another file during webpack loader process.

Use case

Assume this file structure while using CSS Modules.

+- src/
    +- Button.tsx
    +- Button.css
    +- Button.css.d.ts

Here, also assume we use Webpack Hot Module Replacement for dev server.
When 'Button.css' is updated, 'Button.css.d.ts' could be updated.
Although, 'Button.tsx' will not be notified that 'Button.css.d.ts' is updated.
If 'Button.css' selector has changed, 'Button.tsx' won't be decorated correctly.

Fortunately, it seems that webpack detects update with watching the same event when it is touch-ed.

'Button.css' -(generate)-> 'Button.css.d.ts' -(watch)-(touch)-> 'Button.tsx' recompile.