[TIL]2021.07.23金

Today Ariticle

Today Idea

Today I Learned

fastcamplefront-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포트로 구름과 통일시켜줬다.
	}
}

Today Commit

Today Works

Today Review

休暇前に設計した路線図に基づいて、フロントを勉強しています.
HTML/CSS/JS -> Git -> (TypeScript) -> SCSS -> Bundler(Webpack) -> Vue.js
終わった...いつも