webpack面试常见问题

webpack常见配置问题

1.plugin配置

2.loader配置

2.1 style-loader配置

style-loader 的功能就一个，在 DOM 里插入一个 <style> 标签，并且将 CSS 写入这个标签内

简单来说就是这样：

const style = document.createElement('style'); // 新建一个 style 标签
style.type = 'text/css';
style.appendChild(document.createTextNode(content)) // CSS 写入 style 标签
document.head.appendChild(style); // style 标签插入 head 中

https://mp.weixin.qq.com/s?__biz=MzA4ODUzNTE2Nw==&mid=2451046398&idx=1&sn=b016b388b3e0643ceb3c315088c4dad9&chksm=87cbe6eeb0bc6ff88342d7194721e7968734e96d793038d629a0e1f9cd65ccb41a4cb2aa0463&mpshare=1&scene=1&srcid=&sharer_sharetime=1570493050463&sharer_shareid=d73433d2ab3e49f15fb689ccbb811558&key=4c94e82ad7962c05cf5794634b8fae4c59ecc9369e56bce9e4bb9165793479df92c85dddd39256a14d608fd308538ea131ad205f3c4012a0ba3ada77acf4ff99d58313212d487e3ef271c4a47b4e539c&ascene=1&uin=Mjk2OTIxMDUzMw%3D%3D&devicetype=Windows+10&version=62070141&lang=zh_CN&pass_ticket=0Mzd1GZ2SeCqcI3J3Bp7PCbYu0GIv4S88WfapCh0cjlQNrgeNqpq5837FholhK52