开发过程中,发现在一些多页面入口的vue开发模式中,存在火狐52低版本浏览器无法编译es6代码,导致节目无法渲染,发现有如下几种解决方法

  1. 设置package.json中browserslist
”browserslist“:[
	"> 0.1%", "IE 10", "Firefox > 20"
 ]

参考文档:https://www.cnblogs.com/chun321/p/13070553.html#_label0

b.使用babel-loader强制编译es6代码

module.exports={
    configureWebpack:config =>{
        config.module
	     .rule('js')
	      .test(/\.js$/)
	      .include
	      .add(resolve('../src')) //制定需要编译的文件
	      .end()
	      .exclude
	      .add(resolve('../node_modules')) //排除需要编译的文件
	      .end()
	      .use('babel')
	      .loader('babel-loader')
    }
}
Logo

前往低代码交流专区

更多推荐