- webpack 5
- Dynamic entry points: w/ @sect/webpack-sweet-entry
- PostCSS w/ postcss-preset-env
- SWC
- ESLint w/ Airbnb
- stylelint
- Prettier
- Jest / React Testing Library
- Secretlint
- husky / lint-staged
| Branch | Description |
|---|---|
| master | PostCSS that compliant tomorrow’s CSS syntax as much as possible w/ postcss-preset-env |
| module | ES Modules <script type="module">
|
| sass | + SASS - PostCSS |
| tailwindcss | + Tailwind CSS |
| typescript | + TypeScript - JavaScript |
| react | ☝️ You can also use React partially + React |
| react-typescript | react + typescript |
| vuejs | ☝️ You can also use Vue.js partially + Vue.js |
| webpack-dev-server | + webpack-dev-server |
-
Setting for Support Browser (For Autoprefixer / SWC / postcss-preset-env)
Edit the following Line
package.json📝 See Browserslist Doc
See package.json
| npm script | Description |
|---|---|
npm run dev |
Watching for Dev |
npm run build |
Building for Deploy |
npm test |
Run your tests |
npm run type-check |
Types check for TypeScript |
npm run type-check:watch |
Types check for TypeScript (watch) |
- Rename
.env.exampleto.envfor dotenv📝$ mv .env.example .env.envfile is already set to "ignore" within the.giignorefile.
- Install VS Code ESLint extension
- Add following settings to
settings.json
"eslint.autoFixOnSave": true,
"eslint.validate": [
"javascript",
"javascriptreact",
{"language": "typescript", "autoFix": true },
{"language": "typescriptreact", "autoFix": true }
]$ rm -rf node_modules/.cache/swc-loader
$ rm -rf node_modules/.cache/eslint-loader
$ rm -rf node_modules/.cache/webpack
# Remove all
$ rm -rf node_modules/.cache