初学stylus的坑(1)

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的变量值不需要加字符串引号

上一篇:stylus快速上手


下一篇:CSS 预编译stylus