webpack对es6的支持问题

Question

webpack配置函数中没有配置babel-loader来进行es6代码的转换，也没有配置.babelrc，那么在index.js中直接使用import不会报错这是为什么？？webpack.config.jsvar path = require('path');module.exports = {    //入口     entry: {         main: './src/index.js',     },     output: {        //所有产出资源路径         path: path.join(__dirname, 'dist'),         filename: 'main.js',     }, }index.jsimport './a.js';console.log("我是index");

Answer 1

我想你没有明白babel是干什么的

What is Babel?

Babel is a JavaScript compiler
Babel is a toolchain that is mainly used to convert ECMAScript 2015+ code into a backwards compatible version of JavaScript in current and older browsers or environments. Here are the main things Babel can do for you:

• Transform syntax

• Polyfill features that are missing in your target environment (through * @babel/polyfill)

• Source code transformations (codemods)

• And more! (check out these videos for inspiration)

速查各大浏览器最新版本对ES6的支持