配置vue2.0 template中使用JavaScript ES2020新特性可选链?.等操作符

391 阅读1分钟

不少帖子说vue2.0的template中不支持se2020新特性,只能在script中才支持,或者vue3.0才支持,其实并不是,把vue等几个库升级到最近的vue2.0+版本即可。 就vue-cli而言总共需要升级2个库,其他依赖是否要升级,根据运行时候是否有报错逐一调整:

npm install -D vue@2.7.10
npm install -D vue-template-compiler@2.7.10

有些地方还说需要在babel.config.js中配置babel引入插件,也不用,只要babel.config.js中含有如下配置,@vue/cli-plugin-babel/preset 会自动引入es新特性

module.exports = {
  presets: [
    [
      "@vue/cli-plugin-babel/preset",
      {
        useBuiltIns: 'entry'
      }
    ]
  ]
}