@rocket-scripts/react-preset
webpack
- rules
-
enforce: pre
eslint-loader
-
oneOf[]
-
url-loader
samll image to data uri (bmp, gif, jpe?g, png, webp < 10000) -
esbuild-loader + workder-loader
process script (ts, tsx, js, mjs, jsx) -
esbuild-loader + @mdx-js/loader
process mdx document (mdx) -
raw-loader
plain text (html, ejs, txt, md) -
json-loader + yaml-loader
process yaml (yaml, yml) -
<mini-css-extract-plugin|style-loader> + css-loader + postcss-loader + [scss-loader|less-loader]
process css (css, module.css, scss, module.scss, less, module.scss) -
file-loader
every fallback imports to files
-
-
plugins
-
WatchIgnorePlugin from 'webpack'
exclude watchingnode_modules
-
fork-ts-checker-webpack-plugin
check typescript syntax
-
-
jest preset
-
transform
-
ts|tsx|js|jsx
‣ esbuild transform -
svg
‣ url and react component -
html|ejs|txt|md
‣ plain text -
yaml|yml
‣ object
-
-
moduleNameMapper
-
bmp|jpg|jpeg|png|gif|eot|otf|webp|ttf|woff|woff2|mp4|webm|wav|mp3|m4a|aac|oga
‣ mockup string__FILE__
-
css|less|sass|scss
‣ mockup object{}
-
mdx
‣ mockup react component
-
-
setupFilesAfterEnv
-
fetch()
fromnode-fetch
-