为了账号安全,请及时绑定邮箱和手机立即绑定

用vue-cli3搭建了一个项目,引入了一个rem.js文件,但是编译报错

用vue-cli3搭建了一个项目,引入了一个rem.js文件,但是编译报错

四季花海 2019-03-18 21:59:00
我把rem.js放在了assets目录下,编译之后报:Uncaught SyntaxError: Unexpected token <这个该怎么解决?
查看完整描述

2 回答

?
慕的地10843

TA贡献1785条经验 获得超8个赞

这是有个地方少了 "<"这个 箭头的错误,你检查下引入的代码

查看完整回答
反对 回复 2019-03-18
?
holdtom

TA贡献1805条经验 获得超10个赞

rem 都已经工程化了。。。建议不要不要这么手动写 。
a. 安装这俩
"amfe-flexible": "^2.2.1"
"postcss-pxtorem": "^4.0.1"
b. postcss.config.js 配置(这是我的例子,使用的是vant。实际规则跟你自己使用的UI库来决定是否转换 以及转换基准)

const autoprefixer = require('autoprefixer');const pxtorem = require('postcss-pxtorem');module.exports = ({ file }) => {    let ROOTValue;    if (file && file.dirname && (file.dirname.indexOf('vant') > -1) || file.dirname.indexOf('mpvue-calendar') > -1) {
        ROOTValue = 37.5
    } else {
        ROOTValue = 75
    }    return {
        plugins: [
            autoprefixer(),
            pxtorem({
              rootValue: ROOTValue,
              propList: ['*']
            })
        ]
    }
}

c. main.js 
import 'amfe-flexible';
d. 页面里按照设计图上的多少px就直接写px,打包后自动转成rem


查看完整回答
反对 回复 2019-03-18
  • 2 回答
  • 0 关注
  • 2470 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信