Node.js: Webpack 4 추가 설정 (CSS, HTML, dev-server) 빌드 및 배포

Node.js: 설치, 코드 실행 (Windows 기준) Node.js: Webpack 설치하기 (Webpack 4 버전 기준) 1. 아래 명령어들을 터미널에 입력합니다. npm install –save-dev html-webpack-plugin npm install –save-dev css-loader npm install –save-dev style-loader npm install –save-dev webpack-dev-server   2. webpack.config.js 파일을 다음과 같이 작성합니다. // webpack.config.js var HtmlWebpackPlugin = require(‘html-webpack-plugin’); var path = 더보기…

Node.js: Webpack 설치하기 (Webpack 4 버전 기준)

이전 글: Node.js: 설치, 코드 실행 (Windows, macOS 기준)   Webpack은 프로젝트의 구조를 분석하고 자바스크립트 모듈을 비롯한 관련 리소스들을 찾은 다음 이를 브라우저에서 이용할 수 있는 번들로 묶고 패킹하는 모듈 번들러(Module bundler)라고 합니다.   1. npm으로 Webpack 설치 npm install webpack –save-dev 옵션에서 –save-dev는 로컬 폴더에만 (위 예제에서는 d:\dev\nodejs\ 폴더 내에서만) 더보기…

Node.js: 설치, 코드 실행 (Windows, macOS 기준)

Node.js는 구글 크롬 브라우저에서 사용되는 V8엔진을 탑재한 런타임(실행환경)입니다. 자바스크립트를 웹 뿐만 아니라 아니라 백엔드 서버 개발, 데스크탑 소프트웨어 개발, IoT 개발 등에서도 자바스크립트가 이용될 수 있도록 자바스크립트 엔진의 적용 반경을 확장시키는 역할을 합니다.   1. https://nodejs.org/ko/ 에서 안정적이고 신뢰적인 LTS 버전을 받습니다.   2. 받은 파일을 설치합니다. 계속 [다음] 버튼만 누르고 완료하면 더보기…