babel.js編譯
官網(wǎng):https://babeljs.io/
?1善茎、直接引入brower.min.js:加載慢捏肢、不兼容
?2、編譯js文件
? ? ? ? 安裝node.js厘惦,初始化項(xiàng)目:npm init -y
? ? ? ? 安裝babel-cli: npm i @babel/core(核心庫)?
? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?@babel/cli(命令庫)?
? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?@babel/preset-env(環(huán)境預(yù)設(shè)偷仿,指導(dǎo)編譯) -D
? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?npm i @babel/polyfill -S:
????????????????????????????????????????????編譯特別低版本瀏覽器時,補(bǔ)充瀏覽器缺少的功能(ie7以下)
? ? ? ? 添加執(zhí)行腳本:"script":{
? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? "build":"babel src(js所在文件夾) -d dest(編譯后的文件所在文件夾)"
?? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?}
? ? ? ? 添加.babelrc配置文件{
? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? "present":["@babel/preset-env"]
????????????????????????????????????????????}
? ? ? ? 執(zhí)行編譯:npm run build
? ??