3

我对 Webpack 完全陌生，我在一个小项目上使用 scss 和 vue。我尝试将我所有的 .scss 文件编译为 css 并将它们捆绑在一个 bundle.css 中，该 bundle.css 会自动注入到 head 中（我已经设置了 sass 和 css 加载器来归档到 css 的捆绑）。但我也希望我的 vue app.js 包在正文的末尾，也由 htmlWebpackPlugin 注入（已经完成）。使用单个 HtmlWebpackPlugin 将所有内容都放在我的 index.html 中，我会在正文中保留样式或在头部保留 javascript。

我的第一个猜测是，我必须定义 2 个插件实例，例如

var jsInjectorPlugin = new HtmlWebpackPlugin({
  filename: 'index.html',
  template: 'index.html',
  inject: 'body'
});
var cssInjectorPlugin = new HtmlWebpackPlugin({
  filename: 'index.html',
  template: 'index.html',
  inject: 'head'
})

但是我如何告诉 webpack，将第一个插件用于 css，另一个用于 js？由于我不test喜欢装载机，我不知道该怎么做

所以这个问题的重点是，有人可以解释我如何实现我的 css-bundle 被注入头部并且我的 js-bundle 被注入身体吗？（赞赏如何在 webpack-config 中执行此操作的代码片段）

4

0 回答 0