webpack4 處理css文件

webpack4處理css

在早期的webpack的版本中，是使用extract-text-webpack-plugin這個插件。插件安裝：
npm install --save-dev extract-text-webpack-plugin
本人使用webpack4，查詢相關插件的時候，官當推薦將extract-text-webpack-plugin替換成mini-css-extract-plugin

安裝mini-css-extract-plugin

使用npm install --save-dev mini-css-extract-plugin進行安裝相關插件

在webpack4中的使用

const MiniCssExtractPlugin = require(‘mini-css-extract-plugin’)

在plugins中構建MiniCssExtractPlugin，設置輸出的文件夾和文件名

引入的時候使用MiniCssExtractPlugin.loader進行加載