vue+sty重置样式表
时间: 2024-01-23 11:02:50 浏览: 81
以下是使用vue+stylus重置样式表的方法:
1. 首先,在项目中安装stylus和stylus-loader依赖:
```shell
npm install stylus stylus-loader --save-dev
```
2. 在vue组件中引入样式文件,并使用stylus语法编写样式:
```vue
<template>
<div class="example">
<!-- 页面内容 -->
</div>
</template>
<style lang="stylus">
.example
margin: 0
padding: 0
/* 其他样式重置 */
</style>
```
3. 在webpack配置文件中添加stylus-loader的配置:
```javascript
module.exports = {
// ...
module: {
rules: [
// ...
{
test: /\.styl(us)?$/,
use: [
'vue-style-loader',
'css-loader',
'stylus-loader'
]
}
]
}
// ...
}
```
通过以上步骤,你可以使用vue+stylus来重置样式表。
阅读全文