Vuejs скрывает стиль от головы | Приложение Laravel-vuejs

Question

Я работаю с приложением laravel-vuejs.Когда vuejs отображает CSS, он добавляет некоторые теги стиля в заголовок HTML, как показано на рисунке ниже.Есть ли способ скрыть эти теги.Я думаю, что возможно использовать webpack.conf в vuejs, добавив некоторые плагины, такие как copy-webpack, extra-text-ebpack, optimize-css-assets-webpack и т. Д., Но как это сделать в приложении larave-vue.

Answer 1

Я думаю, вы могли бы написать CSS в каждом Vue отдельном файловом компоненте, например:

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

Почему бы не записать эти CSS в файл CSS, а затем потребовать его в main.js? Тогда вам не нужно думать об удалении этих style тегов.