cssバンドル

"dependencies": {
  "css-loader": "^5.0.1", // css를 읽어준다.
  "style-loader": "^1.2.1" // style 태그로 주입시킨다.
}

module.exports = (env, ooptions) => {
  return {
    module: {
      rules: [
        {
          { 
            test: /\.css/, 
            use: [ 'style-loader', 'css-loader' ]
    	  }
        }
      ]
    } 
  }
}

"dependencies": {
  "css-loader": "^5.0.1", // css를 읽어준다.
  "mini-css-extract-plugin": "^1.4.1", // 별도의 파일로 minify 하여 추출한다.
}

const MiniCssExtractPlugin = require('mini-css-extract-plugin');

module.exports = (env, ooptions) => {
  return {
    module: {
      rules: [
        {
          { 
            test: /\.css/, 
            use: [ MiniCssExtractPlugin.loader, 'css-loader' ]
    	  }
        }
      ]
    },
    plugins: [
      new MiniCssExtractPlugin({ filename: 'assets/css/app.css' }),
    ]  
  }
}