vue-cli 引入 stylus 失败

在使用Vue构建webpack模板后代码中使用stylus报错:

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

</style>

解决方案一、
安装相关的loader

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

在webpack.base.conf.js的module的loaders里加入了

 {
     test: /\.styl$/, loader: 'style-loader!css-loader!stylus-loader'
     },

在resolve的extensions里加入了.styl

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

解决方案二、
在package.json 中添加相关依赖

 "stylus-loader": "^3.0.1",

然后重新运行

npm run dev