vue低版本浏览器兼容性（20181224更新）

1. promise在低版本浏览器需要通过pollyfill处理不同浏览器对promise解析的差问题，处理方法为，在main.js里加入如下代码

代码语言：javascript复制

import promise from 'es6-promise';
promise.polyfill();

1. webpack中的babel处理的目录是在webpack.base.conf.js中通过includes配置的，默认没有包含node_modules下的库文件，某些npm包没有做es6新语法的处理，我们的webpack又没有编译这部分文件，就会报错，最常见的就是let，const，因为很多浏览器都已经支持let，const，但是低版本浏览器不支持，所以我们需要在include中加上这些没处理的包，处理方法为：在includes中加上对应的node_modules包的目录名， 切记不要直接加入node_modules,因为有些npm包不能通过webpack编译，而且也太了。

build里面的webpack.base.conf.js的module中配置

代码语言：javascript复制

{
 test: /.js$/,
 loader: 'babel-loader',
 include: [
  resolve('src'), resolve('test'),
  resolve('node_modules/_swiper@4.4.6@swiper'),
  resolve('node_modules/_dom7@2.1.2@dom7'),
  resolve('node_modules/webpack-dev-server/client'
 )]
}

webpack 编程算法 npm javascript node.js

0 人点赞