vue中如何引入公共样式的的styl文件

刚开了个新项目，仿照视频去写，引用了styl格式的css，从来没引用过，在vue文件中还可以正常引用，只需要在

<style scoped lang="stylus" rel="stylesheet/stylus">

中添加 lang="stylus"即可

但是在main.js中引入公共样式的时候，死活出不来，寻求了百度爸爸，

安装stylus stylus-loader style-loader

npm install stylus stylus-loader style-loader --save-dev

然后改了一下webpack的配置在webpack.base.conf.js的module的loaders里加入了

{

  test: /\.styl$/,

loader: 'style-loader!css-loader!stylus-loader'，

include: [] //必须加include：[]

}

在resolve的extensions里加入了.styl

extensions: ['', '.js', '.vue','.styl']

接下来就随便写了个index.styl文件,内容就一行(实验嘛)