请问在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'
]
}
]
}
}