前端打包时，什么工具能将.css文件内容内置到javascript中（发布代码时，并非调试时）？

Question

如题，

我要做一个js插件，这个插件发布之后，会被其他页面引用。引用之后，这个js插件会插入一些DOM标签，此时就需要css样式。

如果 js css 分开来写，那就需要两份文件让页面引用，比较麻烦，不想用这种方式。用 js 动态创建 <link> 标签会有其他问题，必须弃用。

因此，理想状态下，是在开发环境中，js 和 css 分开来写，然后打包的时候，将 css 打包到 js 中。页面引用该 js 并执行时，js 动态去创建 <style> 标签，然后将 css 文件的内容插入进去。

所以，有没有啥工具能在打包时将 css 文件内容内置到 js 中？

Answer 1

webpack的打包默认就是只生成一个bundle.js文件，

你想要额外生成css还得安装extract-text-webpack-plugin插件呢，不是很明白你这个问题。

Answer 2

webpack啊

Answer 3

webpack