고코몽의 프론트엔드 저장소 고코몽의 프론트엔드 저장소

Babel

• [Instagram] 프로젝트 설정(3) - Babel 적용

  Clone Coding/Instagram 2021. 7. 11. 01:03

  [ Babel ] JavaScript Transcompiler - Babel 적용하는 이유. Why ? ES6+ 코드를 이전 버전의 JavaScript로 변환하여 ES6+ 코드를 지원하지 않는 구 브라우저에서도 동작할 수 있도록 하기 위함 - 프로젝트에 Babel 적용 Babel 설치 npm i -D @babel/core @babel/preset-env babel-loader webpack.config.js 파일에 babel-loader 추가 // webpack.config.js const path = require('path'); const HtmlPlugin = require('html-webpack-plugin'); module.exports = { entry: './src/js/index.js',..

  Read More
• Parcel - Babel

  Bundler/Parcel 2021. 5. 30. 00:02

  Babel ECMAScript 2015+ 코드를 이전 JavaScript 엔진에서 실행할 수 있는 이전 버전과 호환되는 JavaScript 버전으로 변환하는데 주로 사용되는 무료 오픈 소스 JavaScript 트랜스 컴파일러 npm i -D @babel/core @babel/preset-env .babelrc.js 파일 생성 .babelrc.js 설정 후 package.json의 browserslist 옵션에 설정된 내용에 영향을 받음 // .babelrc.js module.exports = { presets: ['@babel/preset-env'], }; // package.json { "name": "parcel-bundler-study", "version": "1.0.0", "description"..

  Read More