问题描述

使用extract-text-webpack-plugin在打包是提示错误

(node:12712) DeprecationWarning: Tapable.plugin is deprecated. Use new API on `.hooks` instead
 E:\***\myproject\webpack-vue-elementUi\node_modules\webpack\lib\Chunk.js:460
 throw new Error(
 ^
 Error: Chunk.entrypoints: Use Chunks.groupsIterable and filter by instanceof Entrypoint instead
 at Chunk.get (E:\***\myproject\webpack-vue-elementUi\node_modules\webpack\lib\Chunk.js:460:9)
 at E:\***\myproject\webpack-vue-elementUi\node_modules\extract-text-webpack-plugin\dist\index.js:176:48
 at Array.forEach (<anonymous>)
 at E:\***\myproject\webpack-vue-elementUi\node_modules\extract-text-webpack-plugin\dist\index.js:171:18

前篇文章我们讲解了webpack中的loader，并且使用less、less-loader、css-loader、style-loader，将一个在js中import的less文件通过webpack将样式打包到了页面中，但是我们发现，页面中样式确实是有了，但是页面的样式是通过style标签的形式写入到了页面中，在实际开发中我们其实更倾向于使用link标签导入样式，这时候应该怎么做呢？

1. webpack4概述

- 因为浏览器的兼容问题，不同浏览器对有些标签的默认值是不同的，如果没对CSS初始化往往会出现浏览器之间的页面显示差异。

- 当然，初始化样式会对SEO有一定的影响，但鱼和熊掌不可兼得，但力求影响最小的情况下初始化。

最简单的初始化方法：