使用的是vue-cli脚手架构建项目，请问如何在js文件中引入sytlus文件？

Question

如果我的main.js是这样的话（./common/stylus/index有文件）

import Vue from 'vue'

import App from './App'

import './common/stylus/index'

/* eslint-disable no-new */

new Vue({

  el: '#app',

  render: h => h(App)

})

报的错是这样的

ERROR  Failed to compile with 1 errors                                                                                              16:35:02

This dependency was not found:

* common/stylus/index in ./src/main.js

To install it, you can run: npm install --save common/stylus/index

所以说我不知道如何在js文件中引入stylus文件····

Answer 1

确认安装了stylus和stylus-loader，然后重启webpack服务，还有import的时候加上css后缀试试（不知你的webpack是否有配置）