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

问题描述

问 题

如果我的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文件····

解决方案

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

这篇关于javascript - 使用的是vue-cli脚手架构建项目，请问如何在js文件中引入sytlus文件？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！