[TIL] 2021.07.23 금

Hwanjun·2021년 7월 23일

TIL

til

목록 보기

3/6

Today Ariticle

Today Idea

Today I Learned

fastcampus front-end webpack 부분

--
webpack 설치
npm init -y -> npm i -D webpack webpack-cli webpack-dev-server@next
webpack plugin 설치
npm i -D html-webpack-plugin

**package.json**
"scripts": {
	  "dev": "webpack-dev-server --mode development",
	  "build": "webpack --mode production"
 }

**webpack.config.js**
//webpack은 콘피그js 파일이 필요하다.

//node.js의 import
const path = require('path')

//node.js의 export
module.exports = {
	entry: './js/main.js',
    //모든 코드에 절대 경로를 입력해야한다.
	output: {
		// path: path.resolve(__dirname, 'dist'),
        
		//dirname = 현재 경로를 지정
		//filename: 'main.js',
		clean: true
        //새로 run 할 때 기존에 생성된 파일을 삭제함.
	},
    plugins: [
		new HtmlPlugin({
			template: './index.html'
		})
        //플러그인 설치
	],
	
	devServer: {
		host: '0.0.0.0',
		port: 3000
        //구름 ide에서 작업중인데, host를 인터넷으로, port를 3000포트로 구름과 통일시켜줬다.
	}
}