Babel

若想用babel,还得指明它用那套转码规则(任选一个)
            不会过期的转码规则: babel-preset-env
            es2015的转码规则: babel-preset-es2015
            最新的转码规则: babel-preset-latest
        比如: npm install babel-preset-es2015 --save-dev
            它此时会出来三个东西:
                node-modules目录(相当于java中的lib目录)
                package.json(若与初始化项目所产生的.json文件处于同一个目录,则会合并为一个文件)
                package-lock.json
                此时我们新建一个名字是.babelrc的文件,内容如下:
                    {
                      "presets": ["es2015"]  //或者写env/latest,根据你安装的转码规则来定
                    }
                以上四个文件必须在同一个目录,此目录视为根目录,只能转码该目录以内的,以外的不行
    4) 网上视频
        安装三个工具:
            babel-cli
            babel-preset-env
            browserify(类似于webpack的功能)
        命令:
            npx babel 文件/目录 -o/-d 文件/目录 --presets=babel-preset-env
            解释:
                因为是局部安装,所以在babel前面加npx,若是全局安装则不用加;可以用命令行传参,这个就不用写.babelrc配置文件了,但是比较麻烦就是每次转码都要在命令行后面加这个
        如果仅仅是转码,在html中也还是用不了的,要打包,命令如下:
            npx browserify 文件 -o 新文件
                此时引入这个新文件就可以了
    5) 关于路径
        普通的<script src=""></script>相当于直接放html里面,所以要考虑js文件里面写的路径是是相对于在index.html中的
        但是在模块化中,不用考虑这些问题
    6) import $ from 'xx' 相当于 const $ = require('xx')
        提示: require('')是CommonJS里面的语法