使用 babel-polyfill 来解决一些低版本的浏览器对es6新语法的不支持
- 引入 babel-polyfill
- 对于通过vue-cli 2.X 构建的项目(其他同理)
- 引入babel-polyfill到你的项目中
sh
npm install --save-dev babel-polyfill- 在你的入口文件main.js中引入babel-polyfill
js
// src -> main.js
import 'babel-polyfill'- 修改webpack的配置文件
// build -> webpack.base.conf.js
entry: {
// app: './src/main.js'
app: ['babel-polyfill', './src/main.js']
}- 测试你的项目，如果低版本浏览器能够打开就不用继续下面步骤。如果编译错误，可以测试下面方法
- 继续修改配置文件
js
// build -> webpack.base.conf.js
rules: [
// {
// test: /\.js$/,
// loader: 'babel-loader',
// include: [resolve('src'), resolve('test')]
// },
{
test: /\.js$/,
use: [{ loader: 'babel-loader', options: { cacheDirectory: true } }],
exclude: /node_modules(?!\/webpack-dev-server)/
}
]- 将webpack-dev-server的版本回退到2.7.1
- 先卸载webpack-dev-server
sh
npm uninstall webpack-dev-server- 在安装指定版本的webpack-dev-server
sh
npm install --save-dev [email protected]