webpack入门

前言 前面我们学习了webpack的核心功能如何实现源代码的转换以及打包。 基于@babel/parser把字符串转换成AST抽象语法树。 对AST进行修改，既对源代码的修改。 使用babel的API

初始化项目 package.json中添加 运行yarn build,就会看见当前打包好的dist.js文件 webpack build 支持IE 用babel-loader打包js babel-lo

如何加载CSS文件 当前我们的打包器可以把多个文件打包到一个js文件中去，现在我们要支持当import xxx.css文件要可以生效。先来看一下我们目前的思路。 当前 当前的bundler只能打包js

webpack 要解决的两个问题 假设现在我们有以下代码 index.js a.js b.js 很遗憾，在浏览器中不能直接运行，带有import和export关键字的代码，那我们想要，并且必须要在浏览

babel与AST 初始化项目 此时在package.json里面加入以下依赖 babel以及项目依赖 对使用到的包进行说明 详细内容请参考: 理解babel的基本原理和使用方法 @babel/cor