vue使用scss写的样式要在html中使用什么转换成css
时间: 2024-02-09 10:09:55 浏览: 85
vue项目中使用scss的方法步骤
首先,需要安装sass-loader和node-sass依赖。
然后,在webpack中配置sass-loader,例如:
```javascript
module.exports = {
// ...
module: {
rules: [
{
test: /\.scss$/,
use: [
'vue-style-loader',
'css-loader',
'sass-loader'
]
}
]
}
}
```
这个配置将会把.vue文件中的scss代码转换成css,并且在html中应用。
如果你没有使用webpack,可以使用sass命令行工具将scss代码转换成css,例如:
```bash
sass input.scss output.css
```
将会把input.scss转换成output.css。然后,在html中引入output.css即可应用样式。
阅读全文