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