vue单文件组件用style标签引入css需要什么loader？

请问在vue单文件组件里，如果引入css，用的是下面这种方式，请问webpack的配置要加什么loader？

<style src="x.css">style>
<script>
 // 其它代码
script>

我知道一般人用的是在style标签里加 @import ，但是我现在用的是网上的一个插件叫 vue-pdf

一运行就报错说 


在使用Vue单文件组件中，如果要在<style>标签中引入CSS，你需要使用vue-style-loader和css-loader这两个loader。

vue-style-loader是一个webpack loader，它的作用是将Vue单文件组件中的<style>标签中的CSS代码提取出来，并将其注入到文档中的<style>标签中。

而css-loader则是将CSS代码转化成一个模块，使得可以在JavaScript中引用CSS。

在webpack中加入如下代码

module.exports = {
  module: {
    rules: [
      // ...其他规则
      {
        test: /\.vue$/,
        use: [
          'vue-loader',
          'vue-style-loader',
          'css-loader'
        ]
      }
    ]
  }
}