前端配置可选链 + 双问号语法糖

最新推荐文章于 2023-04-15 23:07:43 发布

佛天华

最新推荐文章于 2023-04-15 23:07:43 发布

阅读量246

点赞数

分类专栏： H5 文章标签：前端 vue.js javascript

本文链接：https://blog.csdn.net/fth1002853070/article/details/129304184

版权

H5 专栏收录该内容

31 篇文章 1 订阅

订阅专栏

示例代码

const highlightedColor = this.options?.infoStyle?.highlightedColor || '#FFFFFF';
const width = this.options?.width ?? 100;

1、babel.config.js

module.exports = {
	presets: [
		'@vue/app',
		'@vue/babel-preset-jsx'
	],
	plugins: [
		// 双问号
		'@babel/plugin-proposal-nullish-coalescing-operator',
		// 可选链
		'@babel/plugin-proposal-optional-chaining'
	]
};

package.json

  "devDependencies": {
    "@babel/core": "^7.0.0",
    "@babel/plugin-proposal-nullish-coalescing-operator": "^7.18.6",
    "@babel/plugin-proposal-optional-chaining": "^7.20.7",
    "@babel/register": "^7.0.0",
    "babel-eslint": "^10.1.0",
    "babel-loader": "^8.2.2",
  },