使用 vue-cli,如何把 css 变成行内样式?

我使用的是 webpack4 版本。
默认打包出来的 chunk-vendors.css 是 link 的形式在页面里的。
使用什么样的配置可以把 chunk-vendors.css 里的样式抽出来直接放在 <style></style> 标签里?

例如:

<head>
  <style type="text/css">
  .wrap{width:100px;height:100px}....
  </style>
</head>

在网上搜了一下,使用 ejs 模板的方式不起作用:

<style type="text/css">
<%= compilation.assets[fileName.substr(htmlWebpackPlugin.files.publicPath.length)].source() %>
</style>
阅读 2.2k
1 个回答

chunk-vendors.css这种一般是三方库里样式的打包文件吧,为啥要放到style标签里

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进