请问该如何写一个webpack插件？

Question

如何写一个webpack插件

Answer 1

其实有两种方案：第一种是将 css 文件在 js entry 中添加依赖；第二种直接设置 css entry。
第一种方案
// index.jsimport 'normalize.css';
...
// webpack config{ entry: { index: './index.js'
},
...
}
// outputindex.jsindex.css

这种是 Webpack 官方推荐的方案，但是每次都要把 css 放到 js entry 中才可以 extract 出来。
第二种方案（直接设置 css entry）
默认 Webpack 设置 css entry 除了 extract 出 css 文件还会多产生一个 js 文件，其实可以写个 Webpack 插件将其删除就可以了。