猿问

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

我把rem.js放在了assets目录下,编译之后报:

Uncaught SyntaxError: Unexpected token <

这个该怎么解决?


四季花海
浏览 2471回答 2
2回答

慕的地10843

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

holdtom

rem&nbsp;都已经工程化了。。。建议不要不要这么手动写 。a. 安装这俩"amfe-flexible": "^2.2.1""postcss-pxtorem": "^4.0.1"b.&nbsp;postcss.config.js&nbsp;配置(这是我的例子,使用的是vant。实际规则跟你自己使用的UI库来决定是否转换 以及转换基准)const&nbsp;autoprefixer&nbsp;=&nbsp;require('autoprefixer');const&nbsp;pxtorem&nbsp;=&nbsp;require('postcss-pxtorem');module.exports&nbsp;=&nbsp;({&nbsp;file&nbsp;})&nbsp;=>&nbsp;{&nbsp;&nbsp;&nbsp;&nbsp;let&nbsp;ROOTValue;&nbsp;&nbsp;&nbsp;&nbsp;if&nbsp;(file&nbsp;&&&nbsp;file.dirname&nbsp;&&&nbsp;(file.dirname.indexOf('vant')&nbsp;>&nbsp;-1)&nbsp;||&nbsp;file.dirname.indexOf('mpvue-calendar')&nbsp;>&nbsp;-1)&nbsp;{ &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;ROOTValue&nbsp;=&nbsp;37.5 &nbsp;&nbsp;&nbsp;&nbsp;}&nbsp;else&nbsp;{ &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;ROOTValue&nbsp;=&nbsp;75 &nbsp;&nbsp;&nbsp;&nbsp;}&nbsp;&nbsp;&nbsp;&nbsp;return&nbsp;{ &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;plugins:&nbsp;[ &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;autoprefixer(), &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;pxtorem({ &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;rootValue:&nbsp;ROOTValue, &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;propList:&nbsp;['*'] &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}) &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;] &nbsp;&nbsp;&nbsp;&nbsp;} }c.&nbsp;main.js&nbsp;import 'amfe-flexible';d. 页面里按照设计图上的多少px就直接写px,打包后自动转成rem
随时随地看视频慕课网APP

相关分类

Vue.js
我要回答