Parcel Experiment

Setting up a professional React project with Parcel as a code bundler.

Feature

  • React

  • ES6 with Babel

  • SCSS

  • CSS Modules

  • Typography.js

  • Build for production

프로젝트 초기화

yarn init

설치

yarn global add parcel-bundler
yarn add react react-dom
yarn add babel-preset-env babel-preset-react --dev
yarn add postcss-modules
yarn global add node-sass
yarn add autoprefixer
yarn add typography

package.json

index.html 작성

src/App.js 작성

index.js 작성

Parcel 실행

.babelrc 작성

.postcssrc 작성

typography.js 작성

참고

샘플소스

https://github.com/Parkseokje/parcel-react-experiments

Last updated

Was this helpful?