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'
        ]
      }
    ]
  }
}