Babel是一个javascript编译器即一个工具链，主要用于在旧的浏览器或环境中将ECMAScript2015+代码转换为向后兼容版本的javascript代码。

npm install –save-dev babel-preset-es2015 babel-cli

在用webpack对代码打包的时候报错，在网上找到了类似的答案，还是没有解决我的问题.

虽然ES6非常好用，但并不是所有浏览器所有客户端都适应ES6的，降成ES5是为了更强的使用性。我一直不关注这个东西，直到有人和我说，你做的东西很好，但是对不起，我82年的浏览器显示不出来...

代码生成了，但是里面有require函数，exports浏览器是不认识的，因此接下来需要实现require和exports 具体步骤:

上一篇，通过@babel/parser将index中的es6代码解析成ast(抽象语法树)，接下来，我们可以根据Body里面的分析结果，遍历出所有的引入模块，但是比较麻烦，这里推荐babel的一个模块@babel/traverse，帮我们处理。...

首先，新建一个空文件夹，编辑器(webstrom)打开文件夹，执行npm init -y，生成package.json，在根目录新建webpack.config.js,加入如下代码(webpack 4.0的基础配置)

来到这家公司之后，一直在使用webpack，也写了不少笔记，但是都比较零散，现在决定整理一下webpack相关的知识点，由浅入深，方便自己后续查漏补缺，后续会一直更新。...

之前我们大多都是用Vue-Cli来创建项目，但是Vue-Cli已经停止更新了，并且Vue-Cli相当于一堆插件的集合体，我们想替换以下，或者想根据我们的项目优化以下，提升编译的性能，这时候可以自己用Webpack来配置项目。...

最近也在观察vue3新特性，抽空玩一玩嵌套路由的vue-router，直接上代码项目目录结构图片代码展示app.vue<template> <div id="app"> <div> <router-link to="/">Index</router-link> | <router-link ......