格式化图片
格式化图片
  • 发布:2019-11-28 17:24
  • 更新:2020-06-01 14:48
  • 阅读:4674

uni.app 有个默认的uni.scss,现在想配置成less?

分类:uni-app

uni.app 有个默认的uni.scss,虽然好用,但是以及习惯了less

按照官方说法,是在vue.config.js中配置,

然而一直提示

 ERROR  TypeError: Cannot read property 'style-resources-loader' of undefined  
17:22:10.868 TypeError: Cannot read property 'style-resources-loader' of undefined  
17:22:10.868     at module.exports (D:\aida\ggqz.mini.program\node_modules\vue-cli-plugin-style-resources-loader\index.js:2:53)

路过大神分享下经验

2019-11-28 17:24 负责人:无 分享
已邀请:
格式化图片

格式化图片 (作者)

已解决

1***@qq.com

1***@qq.com - 90 IT大叔

请问怎么解决的呢

9***@qq.com

9***@qq.com - 天堂里的花大咩

预处理全局less,要使用less-loader的modifyVars设置,具体例子
比如在src下放一个variables.less文件,作为全局预处理
修改vue.config.js,如下


module.exports = {  
    css: {  
        loaderOptions: {  
            less: {  
                javascriptEnabled: true,  
                modifyVars: {  
                    'hack': `true; @import "${require('path').resolve(process.cwd(),'./src').replace(/\\/g,'\\\\')}/variables.less";`  
                }  
            }  
        }  
    }  
}  
7***@qq.com

7***@qq.com

请问怎么解决的啊?

  • 9***@qq.com

    自己创建一个vue.config.js就行了

    2020-04-03 22:17

  • 9***@qq.com

    在项目根目录下创建,构建时就要有效

    2020-04-03 22:31

  • 7***@qq.com

    回复 9***@qq.com:我要配置,肯定要vue.config.js.

    我要的是里面内容 关于 uni.less全局导入的内容

    我要的是里面内容 关于 uni.less全局导入的内容

    我要的是里面内容 关于 uni.less全局导入的内容

    我要的是里面内容 关于 uni.less全局导入的内容

    2020-04-19 16:59

  • 9***@qq.com

    回复 7***@qq.com:

    uni.less里的内容本来就是全局导入啊

    2020-04-19 18:54

  • 9***@qq.com

    你创建一个uni.less,然后在vue.config.js里,按我的代码设置就行了

    2020-04-19 18:55

  • 9***@qq.com

    module.exports = {    
    css: {
    loaderOptions: {
    less: {
    javascriptEnabled: true,
    modifyVars: {
    'hack': `true; @import "${require('path').resolve(process.cwd(),'./src').replace(/\\/g,'\\\\')}/variables.less";`
    }
    }
    }
    }
    }

    2020-04-19 18:57

  • 7***@qq.com

    回复 9***@qq.com: 谢谢

    2020-07-21 14:23

  • iimeepo

    回复 9***@qq.com: uni-app的项目里没有vue.config.js的怎么办?

    2020-08-22 17:59

  • 9***@qq.com

    回复 iimeepo: vue.config.js是需要自己创建的

    2020-08-26 21:31

  • iimeepo

    回复 9***@qq.com: 自己创建的vue.config.js配置项可以根据自己需要配置吗?会不会覆盖uni本身的编译配置呀?有没有什么影响之类的,比如说哪些是必须要配置,哪些是可选的,有没有模板啥的?

    2020-08-28 10:28

  • 9***@qq.com

    回复 iimeepo: uni标准的设置是无法覆盖的,vue.config.js的模板可以去vue-cli官网寻找

    2020-08-28 15:05

  • iimeepo

    回复 9***@qq.com: 好的谢啦

    2020-08-28 17:55

z***@aliyun.com

z***@aliyun.com

没用啊

  • 9***@qq.com

    你的less-loader什么版本?

    2020-06-10 19:22

该问题目前已经被锁定, 无法添加新回复