老师，试了很久的stylus还是不成功！

Question

在单页面直接写stylus样式没问题！但是不能单独引文文件！我要怎么配置呢！找不到方法！老师帮看看吧！

Answer 1

幕布斯9304279 2019-02-01 23:26:23

1: 在nuxt当前项目目录下面安装   stylus  stylus-loader 就可以了，如：  $ yarn add stylus-loader stylus 

2:  其它less  sass 如下：

   SASS: $ yarn add sass-loader node-sass

   LESS: $ yarn add less-loader less

3:  你的问题不是stylus模块安装问题， 而是import 格式问题，解决如下：

一： 请注意： warning: You cannot use path aliases here (~ and @)，你需要使用相对或绝对路径。

二： 安装 style-resources：

$ yarn add @nuxtjs/style-resources

三：根据需要安装：

$ yarn add stylus-loader stylus

四：修改 nuxt.config.js:

export default { 

 modules: [   

 '@nuxtjs/style-resources',
 ],  

styleResources: {   

 scss: './assets/variables.scss',  

  less: './assets/**/*.less',   

 // sass: ...

 }
}

Answer 2

快乐动起来呀 2019-01-30 09:59:54

这个先别着急，不理解为啥一定要用这个写呢，scss很好用呀，而且我们的课程不是css教学呀

• 提问者 慕数据7222505 #1

  因为之前购买的课程都是用的stylus，然后用习惯了！很多重置文件都是stylus模板！我页面里面写没问题，但是就是引入文件就报错！不知道要怎么配置！我看文档sass好像都不用配置！