1. $npm init -y : package.json 자동생성  
   2. $npm install webpack --save-dev

   npm view webpack versions
   npm view webpack versions --json

   npm i -D webpack@4.18.0  : 해당 버전 설치


명령어 직접 입력  >  webpack.config.js (미리설정)
   webpack ./src/app.js ./dist/app.bundle.js
   webpack ./src/app.js ./dist/app.bundle.js -p --watch
   -d: develop 코드 모드
   -p:  minified 코드 모드
   --watch :  watch 모드



webpack.config.js  설정 > package.json 수정 > "scripts" : { "dev" : "webpack -d --watch"}
$npm run dev

webpack4 는 
npm i -g webpack webpack-cli 
npm i -D webpack webpack-cli
이렇게 webpack webpack-cli 설치해줘야됩니다.

resolve 도 해줘야됩니다.

npm i -D html-webpack-plugin

var HtmlWebpackPlugin = require('html-webpack-plugin');

module.exports = {
    entry:'./src/app.js',
    output: {
        path:'dist'
        filename: 'app.bundle.js'
    },
    resolve: {
        modules: ['node_modules'],
        extensions: ['.js', '.json', '.jsx', '.css'],
      },
      plugins:[ new HtmlWebpackPlugin()]
}

npm i css-loader -D  : js 파일에서 load
npm i style-loader -D : style 파일 링크 시켜줌 
npm i sass-loader -D : sass파일 변경

npm i extract-text-webpack-plugin -D : css 파일로 떨궈줌
npm i -D extract-text-webpack-plugin@next


loaders:'style-loader!css-loader' 문법 변경  ver.1
use : ['style-loader','css-loader']    ver.2