《深入浅出webpack》学习3——1.5：改造1.4打包出独立的css文件

1.需要使用插件：extract-text-webpack-plugin
该插件的主要是为了抽离css样式,防止将样式打包在js中引起页面样式加载错乱的现象

2.html引用打包后的css文件：

3.配置webpack.config.js：
执行打包后报错：

网上提供了几个方案，最简单的是把23行contenthash改成hash，打包生成main_ed9713af.css
问题：html如何引入有hash的css文件

方法2，更改写法：
打包后生成style.css:

不同的是，书上的方法有hash值

注意：
如果打包有如下报错，是webpack和extract-text-webpack-plugin版本兼容问题，extract-text-webpack-plugin的3.x版本不支持webpack4.x版本，将extract-text-webpack-plugin升级到4.x即可。
参考：https://www.cnblogs.com/ichiha/p/10516135.html

此时依赖包版本情况：