VS 2019中能否不使用TypeScript转译纯vanilla JavaScript代码?
VS 2019 纯JavaScript现代语法编写与转译方案
完全可以实现你需要的需求,不需要引入TypeScript就能在VS 2019中完成纯.js格式现代JavaScript代码的编写、语法支持与转译,操作流程如下:
- 首先确认你的VS 2019已经安装了「Node.js开发」工作负载,本地环境已经配置好可用的Node.js运行时。
- 进入你的JavaScript项目根目录,在VS内置终端执行命令初始化npm配置:
npm init -y - 安装Babel转译工具相关依赖(仅作为开发依赖安装,不会打包到生产代码):
npm install --save-dev @babel/core @babel/cli @babel/preset-env - 在项目根目录新建
.babelrc配置文件,指定转译规则与兼容目标,示例配置如下:
其中{ "presets": [ ["@babel/preset-env", { "targets": "> 0.25%, not dead" }] ] }targets字段可以根据你需要兼容的运行环境自行调整,比如指定具体浏览器版本、Node.js版本等。 - 在
package.json的scripts节点添加构建命令:
上述配置会将"scripts": { "build": "babel src --out-dir dist" }src目录下的所有.js文件转译后输出到dist目录,你可以根据自己的项目目录结构调整路径。
额外说明:
VS 2019 自带的JavaScript编辑器原生支持箭头函数(lambda)、解构赋值、可选链、Promise等所有现代ECMAScript语法的高亮、智能提示、语法校验,不需要安装额外插件即可直接编写纯.js后缀的现代JS代码。你也可以根据项目需求将转译流程集成到webpack、Vite等打包工具中,全程不需要引入任何TypeScript相关依赖,也不需要创建.ts格式的文件,完全符合纯JavaScript的技术选型要求。
内容的提问来源于stack exchange,提问作者Ali EXE
相关产品推荐
相关产品推荐

