반응형 웹팩2 CRA가 그리운 하루2 - 웹팩 설정 CRA가 그리운 하루2 - 웹팩 설정 webpack config 파일을 살펴볼 예정! config 파일을 작성하면서 이 글도 그에 맞춰 계속 업데이트 될 예정! 웹팩 설정 const path = require('path'); const HtmlWebpackPlugin = require('html-webpack-plugin'); const MiniCssExtractPlugin = require('mini-css-extract-plugin'); module.exports = { entry: { app: './src/index.js', }, module: { rules: [ { test: /\.(ts)$/, use: 'babel-loader', exclude: /node_modules/, }, { test: .. 2021. 10. 2. CRA가 그리운 하루1 - webpack과 기타 등등 CRA가 그리운 하루1 - webpack과 관련 플러그인 종류 본격! CRA 없이 웹사이트 구현해보기! 아 물론 리액트도 없다..ㅠㅠ 하지만 너무 재밌어보여서 어제 잠을 못 잤다ㅋㅋㅋㅋㅋ 과제의 모든 요구사항을 시간 내에 구현할 수 있을진 모르겠지만 재밌으면 됐지 뭐..ㅎ 웹팩이란? 모듈 번들러, 모듈간의 의존성을 파악하여 하나의 파일로 번들링 해준다 ➝ 한 마디로 편리하게 분리해서 작성했던 자바스크립트 파일들을 의존성 관계를 파악하여 하나의 파일로 모아주는 것을 말한다. ➝ js 파일 이외에 img, css, mp4 등도 번들링 해준다. 그래서 이번에 설치한 것들 yarn add -D webpack webpack-cli webpack-dev-server html-webpack-plugin webpack.. 2021. 10. 2. 이전 1 다음 반응형
