vue-cli 引入 stylus 遇到的坑

最近在使用vue-cli创建项目时发现无法在js文件中引入stylus文件，错误提示：

经过反复折腾，发现原来是配置出了问题，解决方案如下：

1. 在package.json文件中增加如下代码：

   "stylus-loader": "^3.0.1",
   "stylus": "0.52.4"

2. 然后再输入（mac系统别忘记输入 sudo ）：

   $npm install

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

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

4. 在resolve的extensions里加入了.styl

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

5. 然后在输入

   $npm run dev

   大功告成！