airbnb / airbnb/babel-plugin-inline-react-svg

enabling babel-loader cacheDirectory does not recognize new icons

Open
#40 3 comments 6 reactions 0 assignees View on GitHub
Dominant language
JavaScript
Stars
474
Forks
90
PR merge metrics
No merged PRs in 30d

Description

If we enable the [`cacheDirectory` option of `babel-loader`](https://github.com/babel/babel-loader#options) changes to an icon do not trigger rebuilds of webpack 🤔

But changes in `.jsx`, `.js`, `.scss` etc. files do work even if `cacheDirectory` is enabled.

Contributor guide

No contributing guide indexed for this repository

Research direction

Reproduce the issue with webpack and babel-loader's cacheDirectory enabled, changing an SVG icon while comparing the behavior with JSX, JS, and SCSS changes. Trace how the plugin and webpack detect SVG dependencies. Done means icon changes trigger webpack rebuilds without breaking the existing rebuild behavior for other file types.

Written by the indexing model from the issue text.

Assessment

Tech stack
babel, javascript, webpack
Domain
build-system
Issue type
Bug
Difficulty
3/5
Estimated time
1-2 days
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
35/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.