Vuejs从头隐藏样式标签| Laravel-vuejs应用程序

Question

我正在使用laravel-vuejs应用程序。当vuejs渲染CSS时，它会在html头中添加一些样式标签，如下图所示。有什么办法可以隐藏此标签。我认为可以通过在vuejs中使用webpack.conf来添加一些插件，例如copy-webpack，extra-text-ebpack，optimize-css-assets-webpack等。但是如何在larave-vue应用程序中做到这一点。

Answer 1

您可以在laravel-mix中使用extractVueStyles

extractVueStyles：提取.vue组件样式（CSS内 标签）添加到专用文件中，而不是将其内联到HTML中。

Laravel Mix Options

Answer 2

我想您可能会在每个CSS单个文件组件中写入Vue，如下所示：

 //test.vue
  <template>
    <div></div>
  </template>
  <style>
     div{
        //...
     }
  </style>

为什么不将这些CSS写到CSS文件中，然后在main.js中要求它呢？那么您不必考虑删除这些style标签。