项目场景:
`
把做好的vue2项目上到远程服务器上,远程端浏览器版本比较低是.58的
问题描述
把前端项目上到服务器上,在这个低版本的浏览器上运行,只出现首页,有时候首页都不加载。
解决方案:
提示:这里填写该问题的具体解决方案:
配置webpack
1、引入插件
npm i @babel/plugin-transform-arrow-functions -D
npm i @babel/plugin-proposal-optional-chaining -D
2、配置babel.config.js
module.exports = {
presets: [
"@vue/cli-plugin-babel/preset",
[
"@babel/preset-env",
{
useBuiltIns: "entry",
corejs: 3,
targets: {
ios: "8",
android: "4",
chrome: "58",
},
},
],
],
plugins: [
"@babel/plugin-transform-arrow-functions", // 箭头函数转换
"@babel/plugin-proposal-optional-chaining", // 可选链(?.)转换
],
};
3、最后使用npm run build --modern打包即可