es6模块化的好处与安装

es6模块化的好处：避免命名冲突，更好分离，更高复用，可维护性高，那麽如何实现模块化？
在cmd中插入
$ npm install -g cnpm --registry=https://registry.npm.taobao.org
淘宝镜像加速安装
之后在vscode打开右击在集成终端中打开初始化
npm init
确定到不再提示生成文件名以。json结尾之后
运行以下命令安装包

之后在项目的根目录中创建一个名为babel.config.json的配置文件在里面打入

之后在集成终端中打入

src 你要转换的文件名

lib 转换后新建的文件名
之后再敲入

回车后敲入后执行

注意路径建立的js位置
效果图如下
根目录

js

js1
bundle插入后运行生成部分

这里的v.js和main.js是./node_modules/.bin/babel src --out-dir lib打入后自动生成的
这里是npm install --save-dev @babel/core @babel/cli @babel/preset-env
npm install --save @babel/polyfill在集成终端里安装后生成的
html部分

检查运行结果