初學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的變量值不需要加字符串引號