1
安装了stylus和stylus-loader以后,网上很多都说是不需要配置loader的,但是可能版本问题,我不配置是失败的。然后配置了也失败……
emmmm,坑在<style scoped lang="styl">这里,我是网上拷贝的,lang是stylus,但是配置load的时候写了styl(因为.styl文件的关系)。统一改成styl就没问题了。
2
stylus的全局变量不能放到main.js里面,可以在webpack配置文件里面添加
{
test: /\.(css|styl)$/,
use: [
{
loader: MiniCssExtractPlugin.loader,
options:{
url:false,
importLoaders:1,
}
},
'css-loader',{
loader: 'stylus-loader',
options:{
import: '~@/assets/stylus/base.styl',//多个文件可以用[]
}
},
]
},
3
import.styl文件的时候,需要加~表示绝对路径,其他@啥的照用没关系
4
stylus的变量值不需要加字符串引号