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

Answer 1

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

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28

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')   } }

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16

"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" }

1 2 3

{   "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 你试试能打开吗