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

标签：loader,stylus,styl,初学,import,options,css
来源： https://blog.csdn.net/yushiershi/article/details/100988945