Bundler(module)

module

webpack.config.js는 css파일을 읽지 못 한다.
그래서 css파일을 읽을 수 있는 패키지를 설치한다.

1. npm i -D css-loader style-loader 패키지 설치

2. webpack.config.js파일 설정

  module: {
    rules: [
      { // .css로 끝나는 확장자를 찾는다.
        test: /\.css$/,
        use: [
          // 아래 해석된 내용을 html파일에 삽입해줌
          'style-loader',
          // js파일에서 css파일을 해석할 수 있게 도와줌
          'css-loader'
        ]
      }
    ]
  }

3. npm run dev 개발서버 열어서 css가 잘 연결됐는지 확인

body {
  background-color: yellowgreen;
}