Mini css extraction plugin

M

왜 필요하지?

js파일에 포함된 css코드들을 하나의 파일로 만들어준다. 다시 말하면, 보통 css-loader를 사용해서 css코드를 javascript string으로 읽고 그 string을 style-loader<style>태그 안에 넣는데, MiniCSSExtractPlugincss-loader를 써서 받은 css코드를 파일로 추출해낸다. 그래서 결국 하나의 css파일을 만들어준다.

설치방법

npm install mini-css-extract-plugin --save-dev

webpack.config.js

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

module.exports = {
  plugins: [new MiniCssExtractPlugin()],
  module: {
    rules: [
      {
        test: /.css$/i,
        use: [MiniCssExtractPlugin.loader, 'css-loader'],
      },
    ],
  },
};

자세한 부분은 공식 사이트를 참고해주시기 바랍니다 😀

Add Comment