$ npm i -D @babel/core @babel/preset-env @babel/plugin-transform-runtime
// babelrc.js 파일 root에 생성, 다음과 같이 작성
module.exports = {
// JS의 기능을 지원
presets: ['@babel/preset-env'],
// 비동기 처리를 위함
plugins: [['@babel/plugin-transform-runtime']],
};
// webpack.config.js
module: {
rules: [
{
// .css 로 끝나는 모든 파일
test: /\.s?css$/,
use: [
// 순서 중요. 아래에서 위로 작업
'style-loader', // html 의 style 태그에 삽입
'css-loader', // js 에서 import 해 온 css 파일을 해석하는 용도
'postcss-loader',
'sass-loader',
],
},
{
test: /\.js$/,
use: ['babel-loader'],
},
],
},
// loader 설치 하면 끝
$ npm i -D babel-loader