vue cli 兼容IE版本

如果您想在IE11中运行Vue应用程序，您需要进行一些额外的配置。首先，您需要安装相应的Polyfill来支持IE11缺失的功能。可以使用`@babel/polyfill`或`core-js`包来实现。然后，您需要在您的Vue项目中的`babel.config.js`文件中配置您的Babel编译器以使用这些Polyfill。例如，您可以添加以下内容：

module.exports = {
  presets: [
    ['@vue/app', {
      useBuiltIns: 'entry'
    }]
  ]
}

最后，您需要在您的Vue项目中的`main.js`文件中导入Polyfill：

import '@babel/polyfill'

使用这些配置，您的Vue应用程序应该可以在IE11中正常运行。

相关问题

若依vue cli4 兼容ie配置

要在 Vue CLI 4 中兼容IE，需要进行以下步骤：

1. 安装 @babel/polyfill：

   npm install --save-dev @babel/polyfill

2. 在项目的入口文件（一般是 `src/main.js`）中引入 @babel/polyfill：

   import '@babel/polyfill'

3. 在 `babel.config.js` 文件中添加 `@babel/preset-env` 配置：

   module.exports = {
     presets: [
       ['@babel/preset-env', {
         useBuiltIns: 'usage',
         corejs: 3
       }]
     ],
     // ...
   }

`useBuiltIns` 选项设置为 `usage` 表示根据代码中使用的特性自动添加 polyfills，`corejs` 选项设置为 `3` 表示使用 core-js 3 版本提供的 polyfills。

4. 在 `vue.config.js` 文件中添加 `transpileDependencies` 配置：

   module.exports = {
     transpileDependencies: [
       '@babel/polyfill',
       // ...
     ],
     // ...
   }

`transpileDependencies` 选项设置为 `['@babel/polyfill']` 表示对 `@babel/polyfill` 进行转译。

完成以上步骤后，就可以在 Vue CLI 4 中兼容IE了。

若依vue版本兼容ie配置

若依是一个基于Vue的前端框架，它可以通过配置来兼容IE。以下是在若依中配置IE兼容的步骤：

1. 安装依赖

使用以下命令安装若依项目需要的依赖：

npm install --save-dev babel-polyfill
npm install --save-dev @babel/plugin-transform-runtime

2. 修改babel.config.js

若依使用的是babel 7，你需要在项目根目录下新建`babel.config.js`文件，并添加以下内容：

module.exports = {
  presets: [
    '@vue/cli-plugin-babel/preset'
  ],
  plugins: [
    [
      '@babel/plugin-transform-runtime',
      {
        'absoluteRuntime': false,
        'corejs': false,
        'helpers': true,
        'regenerator': true,
        'useESModules': false
      }
    ]
  ]
}

3. 修改main.js

在`src/main.js`中添加以下代码：

import 'babel-polyfill'

4. 配置webpack

在`vue.config.js`中添加以下配置：

const path = require('path')

function resolve(dir) {
  return path.join(__dirname, dir)
}

module.exports = {
  publicPath: './',
  outputDir: 'dist',
  assetsDir: 'static',
  lintOnSave: true,
  productionSourceMap: false,
  configureWebpack: {
    resolve: {
      alias: {
        '@': resolve('src')
      }
    },
    entry: ['babel-polyfill', './src/main.js']
  }
}

5. 配置IE兼容

在`public/index.html`中添加以下代码：

<!-- 兼容IE -->
<script src="https://cdn.bootcss.com/babel-polyfill/7.4.4/polyfill.min.js"></script>
<script>
  if (!Object.assign) {
    Object.defineProperty(Object, 'assign', {
      enumerable: false,
      configurable: true,
      writable: true,
      value: function(target) {
        'use strict';
        if (target === undefined || target === null) {
          throw new TypeError('Cannot convert first argument to object');
        }
        var to = Object(target);
        for (var i = 1; i < arguments.length; i++) {
          var nextSource = arguments[i];
          if (nextSource === undefined || nextSource === null) {
            continue;
          }
          nextSource = Object(nextSource);
          var keysArray = Object.keys(Object(nextSource));
          for (var nextIndex = 0, len = keysArray.length; nextIndex < len; nextIndex++) {
            var nextKey = keysArray[nextIndex];
            var desc = Object.getOwnPropertyDescriptor(nextSource, nextKey);
            if (desc !== undefined && desc.enumerable) {
              to[nextKey] = nextSource[nextKey];
            }
          }
        }
        return to;
      }
    });
  }
</script>

以上就是在若依中配置IE兼容的步骤。