- webpack 5
- Dynamic entry points: w/ @sect/webpack-sweet-entry
- PostCSS w/ postcss-preset-env
- Babel w/ @babel/preset-env
- ESLint w/ Airbnb
- stylelint
- Prettier
- 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 / babel-preset-env / 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 |
- Rename
.env.exampleto.envfor dotenv📝$ mv .env.example .env.envfile is already set to "ignore" within the.giignorefile.
$ rm -rf node_modules/.cache/babel-loader
$ rm -rf node_modules/.cache/eslint-loader
$ rm -rf node_modules/.cache/webpack
# Remove all
$ rm -rf node_modules/.cache