移动端适配欸 .. 很坎坷第一次适配移动端选择用less和rem适配环境vue-cli4 （不知道为啥选这么高版本

欸 .. 很坎坷第一次适配移动端选择用less和rem适配环境vue-cli4 （不知道为啥选这么高版本）安装几次less-loader都在报错大部分可能是版本问题不可以用太高版本的loader 实验几次 "less": "3.9.0", "less-loader": "4.1.0"

-----------------------------------------------------------------------------------环境交代

声明less的全局变量需要下插件执行命令

yarn add style-resources-loader vue-cli-plugin-style-resources-loader -D

新建一个全局base.less文件，配置全局less路径在vue.config.js里面代码如下：

module.exports ={

pluginOptions:

{
    'style-resources-loader': {
        preProcessor: 'less',
        patterns: [path.resolve(__dirname, 'base.less文件所在路径')] 
    }
},

}

适配rem，新建一个flex.js用来计算，main.js引入flex.js(这里嫌麻烦百度来的文件)

base.less文件里面： .rems(@name,@px) { @{name}: unit(@px / 设计稿宽度除以分成的等分, rem); }；

需要用到的文件中