老师,试了很久的stylus还是不成功!

来源:7-9 章节小结

慕数据7222505

2019-01-30

在单页面直接写stylus样式没问题!但是不能单独引文文件!我要怎么配置呢!找不到方法!老师帮看看吧!http://img.mukewang.com/szimg/5c5104720001f95815002000.jpg

写回答

2回答

幕布斯9304279

2019-02-01

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: ...

 }
}




0
0

快乐动起来呀

2019-01-30

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

0
1
慕数据7222505
因为之前购买的课程都是用的stylus,然后用习惯了!很多重置文件都是stylus模板!我页面里面写没问题,但是就是引入文件就报错!不知道要怎么配置!我看文档sass好像都不用配置!
2019-01-30
共1条回复

Vue全家桶+SSR+Koa2全栈开发美团网

整合大前端8项技术,全面晋级全栈工程师,毕设/面试作品

2445 学习 · 1638 问题

查看课程