关于网友提出的“ (vue.js)vue-cli 引入 stylus 失败”问题疑问，本网通过在网上对“ (vue.js)vue-cli 引入 stylus 失败”有关的相关答案进行了整理，供用户进行参考，详细问题解答如下：
问题： (vue.js)vue-cli 引入 stylus 失败描述:
最近在使用vue-cli创建项目时发现无法在js文件中引入stylus文件,以前自己写的代码就没有问题,死活找不到原因,所以来问问各个大神.
操作步骤很简单:
先通过vue-cli的webpack模板建立文件夹:
vue init webpack test-stylus然后安装依赖
npm install再然后 安装stylus stylus-loader style-loader
npm install stylus stylus-loader style-loader --save-dev然后改了一下webpack的配置
在webpack.base.conf.js的module的loaders里加入了
{
test: /\.styl$/, loader: 'style-loader!css-loader!stylus-loader'
}在resolve的extensions里加入了.styl
extensions: ['', '.js', '.vue','.styl']接下来就随便写了个index.styl文件,内容就一行(实验嘛)
body
margin 0然后在main.js里引入
import './stylus/index.styl'接下来
npm run dev 报错了.....
求各位大神看看这是为什么啊
还需要修改webpack的什么配置吗?
解决方案1:
样式写在写里面
解决方案2:好像根本就不需要配置.styl的loader，我记得我用less就是lang声明好，loader下载好就行了。