qqface.scss
@for $i from 1 through 3 {
.item-#{$i} {
width: (20px * $i);
}
}
报错
./src/renderer/styles/qqface.scss (./node_modules/css-loader!./src/renderer/styles/qqface.scss)
Module build failed (from ./node_modules/css-loader/index.js):
Unknown word (9:11)
7 |
8 | @for $i from 1 through 3 {
> 9 | .item-#{$i} {
| ^
10 | width: (20px * $i);
11 | }
12 | }
引入方式 app.vue
<style lang="scss">
@import url("./styles/reset.css");
@import url("./styles/globals.scss");
@import url("./styles/qqface.scss");
</style>
改变引入方式 不再报错 main.js
import './styles/qqface.scss'
不知道是为什么!