Section about Advanced Loader configuration should provide more details

[zzzgit]

{
  "loaders": {
    "css": [
      "vue-style-loader",
      {
        "loader": "css-loader",
        "options": {
          "minimize": false,
          "sourceMap": false
        }
      }
    ],
    "postcss": [
      "vue-style-loader",
      {
        "loader": "css-loader",
        "options": {
          "minimize": false,
          "sourceMap": false
        }
      }
    ],
    "less": [
      "vue-style-loader",
      {
        "loader": "css-loader",
        "options": {
          "minimize": false,
          "sourceMap": false
        }
      },
      {
        "loader": "less-loader",
        "options": {
          "sourceMap": false
        }
      }
    ],
    "sass": [
      "vue-style-loader",
      {
        "loader": "css-loader",
        "options": {
          "minimize": false,
          "sourceMap": false
        }
      },
      {
        "loader": "sass-loader",
        "options": {
          "indentedSyntax": true,
          "sourceMap": false
        }
      }
    ],
    "scss": [
      "vue-style-loader",
      {
        "loader": "css-loader",
        "options": {
          "minimize": false,
          "sourceMap": false
        }
      },
      {
        "loader": "sass-loader",
        "options": {
          "sourceMap": false
        }
      }
    ],
    "stylus": [
      "vue-style-loader",
      {
        "loader": "css-loader",
        "options": {
          "minimize": false,
          "sourceMap": false
        }
      },
      {
        "loader": "stylus-loader",
        "options": {
          "sourceMap": false
        }
      }
    ],
    "styl": [
      "vue-style-loader",
      {
        "loader": "css-loader",
        "options": {
          "minimize": false,
          "sourceMap": false
        }
      },
      {
        "loader": "stylus-loader",
        "options": {
          "sourceMap": false
        }
      }
    ]
  }
}

this is an example of how to config sass/postcss in vue2
i think the documentation of vue-loader should give more details of how to config it
it is not enough to just tell the users use vue-cli please
and i found the configuration always changes along with the growth of webpack and vuejs

[LinusBorg]

I agree that we could be more specific about how to configure loaders with respect to the string-based config (vue-style-loader!css-loader) vs. the array/object-based config that was introduced with webpack 2.

We should also make clear that the latter is internally converted to the former, so any config that is not serializable (e.g. stylus plugins) won't work.

But we should not go into too much detail about how to configure those "nested" loaders themselves - their config does work just like any other loader's config.

[hartreed]

Hi @LinusBorg, I believe I've just run into the problem you describe with stylus plugins. What is the current best way to use a stylus plugin?

[qiyuan-wang]

@LinusBorg I write a webpack@2 plugin to give vue-loader the ability to use stylus plugin, you can check this.