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进行加载