vue打包浏览器兼容配置

在打包vue项目时，需要考虑浏览器兼容性问题，以下是一些常见的配置方法：

1. 使用babel转换ES6+代码

在vue项目中使用babel将ES6+代码转换为ES5代码，以兼容老版本浏览器。可以在项目根目录下创建.babelrc文件，配置如下：

{
  "presets": [
    ["@babel/preset-env", {
      "targets": {
        "browsers": ["last 2 versions", "IE >= 9"]
      }
    }]
  ]
}

2. 配置postcss

在项目中配置postcss，使用autoprefixer自动添加CSS前缀，以兼容不同浏览器的CSS属性。可以在项目根目录下创建postcss.config.js文件，配置如下：

module.exports = {
  plugins: [
    require('autoprefixer')({
      browsers: ['last 2 versions', 'IE >= 9']
    })
  ]
}

3. 使用polyfill

在vue项目中使用polyfill填充ES6+ API，在老版本浏览器中使其支持新的API。可以在入口文件中引入core-js和regenerator-runtime，例如：

import 'core-js/stable'
import 'regenerator-runtime/runtime'

以上是一些常见的浏览器兼容配置方法，可以根据实际情况进行选择和调整。