vue cli是一款用于快速構建Vue.js項目的工具,其中的Babel插件可以讓我們使用ES6語法同時兼容舊版本瀏覽器。
Babel是一個JavaScript編譯器,它將新的JavaScript語言轉換成舊版本的語法。而Vue CLI默認安裝了babel-preset-env插件,它可以根據你所使用的JavaScript特性和瀏覽器版本來自動進行兼容性轉換。
若要在Vue CLI項目中使用Babel插件,我們需要在項目根目錄下創(chuàng)建一個名為.babelrc的文件,并在其中添加babel-preset-env插件。
{ "presets": [ ["env", { "targets": { "browsers": ["last 2 versions", "safari >= 7"] } }] ] }
在上述代碼中,我們告訴Babel插件要支持的瀏覽器版本是最新的兩個瀏覽器版本和Safari 7及以上版本,插件將根據這個列表來進行兼容性轉換。
當然,我們還可以添加其他的Babel插件,如babel-plugin-transform-runtime、babel-plugin-syntax-dynamic-import等,以實現更多功能。