使用Babel 7.10编译成不需要导入的模块js文件
使用Babel 7.10编译成不需要导入的模块js文件
提问于 2020-07-25 21:36:55
tl;dr:如何在全栈节点应用中使用babel 7.10作为前端js文件的完全初学者？
我正在尝试使用最新版本的Babel (7.10.5)来编译我的网站的JS文件，这是我第一次使用Babel。因为babel的文档似乎没有完全更新，或者是因为我太傻了，不能得到它。
我只使用浏览器不理解的"require“或者浏览器看不到的”导入“一些babel文件来生成JS文件。
我不知道我应该做什么，我已经尝试了一个babel.config.json文件和一个.babelrc文件。我安装和卸载了各种各样的包和插件等等，但似乎什么都不起作用。
我不关心模块大小或任何高级的东西，我只希望我的简单的网站用es6写的在所有浏览器中工作，基本上使用es5。我知道我需要@babel/cli、@babel/core和@babel/preset-env，我需要一些配置文件，然后我想通过命令行运行它。做这件事最简单的方法是什么？
顺便说一句，我没有使用任何框架，只是简单的老式JavaScript。
如果这个问题非常愚蠢或者问得很糟糕，我深表歉意。我不能显示任何代码，因为我不
回答 1
Stack Overflow用户
发布于 2020-07-26 08:46:38
1、安装依赖项：
npm i @babel/cli @babel/core @babel/preset-env2、添加.babelrc：
{
"presets": [
"@babel/preset-env"
]
}3、编辑package.json，在这个例子中，确保你所有的源文件都在"src“目录下
//package.json
{
"scripts": {
"build": "babel src --out-dir dist"
},4、运行脚本，生成的文件将位于"dist“目录中
npm run build页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/63089012
复制相关文章
相似问题
腾讯云开发者
