老师, 使用babel 如何兼容IE9+呢

Answer 1

提问者 行走在二进制世界 2020-12-17 09:54:06

const path = require('path');
const HtmlWebpackPlugin = require('html-webpack-plugin');

module.exports = {
  mode: 'development',
  entry: {
    main: './src/index.js'
  },
  devServer: {
    port: 9000,
  },
  module: {
    rules: [{
      test: /\.js$/,
      exclude: /node_modules/,
      loader: 'babel-loader',
    }]
  },
  plugins: [
    new HtmlWebpackPlugin({
      template: 'src/index.html'
    })
  ],
  output: {
    filename: '[name].js',
    path: path.resolve(__dirname, 'dist')
  }
}

"scripts": {
  "dev": "webpack serve"
},
"author": "",
"license": "ISC",
"dependencies": {
  "@babel/core": "^7.12.10",
  "@babel/preset-env": "^7.12.11",
  "babel-loader": "^8.2.2"
},
"devDependencies": {
  "html-webpack-plugin": "^4.5.0",
  "webpack": "^5.10.3",
  "webpack-cli": "^4.2.0",
  "webpack-dev-server": "^3.11.0"
}

{
  "presets": ["@babel/preset-env"]
}

Answer 2

Dell 2020-12-17 00:35:24

这个你只能通过polyfill 来试试了，你想让什么兼容ie9？

• 提问者 行走在二进制世界 #1

  我用您的代码库中的babel中的代码运行在IE语法报错, 我是将 polyfill打开了的
  还有我用 webpack5配置了babel 然后devServer 启一个服务之后, js就写了一句 console.log('1') 就报语法错误

• Dell 回复 提问者 行走在二进制世界 #2

  ie11 你试试能打开吗