Vue引入styles的一个小坑

在使用styus的时候,经常会定义一些css的常用变量,但是在引入styl文件一直使用的是@import '~styles/mixins',然后就是一直在报错,
后来经过了解发现,这种写法需要在build中的webpack.conf.js中设置style的别名,

1
2
3
4
5
6
7
8
resolve: {
extensions: ['.js', '.vue', '.json'],
alias: {
'vue$': 'vue/dist/vue.esm.js',
'@': resolve('src'),
'styles': resolve('src/assets/styles')
}
},

然后将styles指向放styl的文件夹即可。

作者

Somersames

发布于

2018-10-13

更新于

2021-12-05

许可协议

评论