由于部分低版本的手機(jī)還不支持ES6語(yǔ)法，將會(huì)導(dǎo)致vue報(bào)錯(cuò)。綜合了網(wǎng)上的各種辦法，我的項(xiàng)目現(xiàn)在終于成功降級(jí)ES5.
首先安裝插件
npm install -D babel-preset-es2015 babel-core babel-preset-stage-2 babel-loader
編輯配置文件
編輯/build/webpack.base.conf.js
編輯entry節(jié)點(diǎn)埃篓，變成如下
entry: {
app: ['babel-polyfill', './src/main.js']
}
替換module.rules數(shù)組中的
{
test: /\.js$/,
loader: 'babel-loader',
include: [resolve('src'), resolve('test'), resolve('node_modules/webpack-dev-server/client')]
}
為
{
test: /\.js$/,
exclude: /node_modules/, // 處理除了nodde_modules里的js文件
loader: 'babel-loader'
}
再根目錄新建.babelrc內(nèi)容為
{
"presets": [
"es2015",
"stage-2"
],
"plugins": [
]
}
如果使用了URLSearchParams，需要安裝npm install url-search-params-polyfill --save根资，然后在使用了該對(duì)象的類(lèi)頭部引入import 'url-search-params-polyfill'
最后npm run build 編譯架专。
驗(yàn)證是否成功
查看dist目錄下編譯出來(lái)的js里面是否還有const/let等ES6的語(yǔ)法，沒(méi)有的話基本就成功了玄帕。
