VariableDeclaration
: const → var 변환 등의 작업을 할 수 있음@babel/plugin-transform-block-scoping
: const, let → var 로 변환@babel/plugin-transform-arrow-functions
: arrow function을 일반 형태의 function으로 변환@babel/plugin-transform-strict-mode
: strict mode 동작Promise
는 ECMAScript5 버전으로 대체할 수 없다. 다만 ECMAScript5 버전으로 구현할 수는 있다'babel-loader'
를 이용하여 babel을 동작 시킨다sass-loader
실습node version 12로 변경
sass-loader, node-sass install
"node-sass": "^4.13.0",
"sass-loader": "^8.0.0",
아래와 같은 오류 발생 시 npm install -D @babel/helper-compilation-targets
install
Error [ERR_PACKAGE_PATH_NOT_EXPORTED]: No "exports" main resolved in D:\github\lecture-frontend-dev-env\node_modules\@babel\helper-compilation-targets\package.json
webpack rules 변경
{
test: /\.(s[ac]ss|css)$/,
use: [
/**
* TODO: SASS 코드를 사용할수 있겠끔 sass-loader를 구성하세요.
*/
process.env.NODE_ENV === "production"
? MiniCssExtractPlugin.loader // 프로덕션 환경
: "style-loader", // 개발 환경
"css-loader",
"sass-loader"
]
},