Webpack

这是我参与11月更文挑战的第x天，活动详情查看：2021最后一次更文挑战 externals 为什么需要externals? 使用externals的步骤 再webpack.config.js中添加配

一、entry 入口个数和输出个数的关系 字符串形式 数组形式 对象形式 特殊用法 二、output publicPath的作用 filename path chunkFilename library

一、什么是Webpack？ 二、为什么需要Webpack? 三、Webpack的使用场景 根据模板生成HTML，并自动处理css/js引用路径。 自动处理img里面的图片路径，字体引用等。 开启本地服

这是我参与11月更文挑战的第29天，活动详情查看：2021最后一次更文挑战 懒加载的实现方法 预加载的开启方式 懒加载、预加载、正常加载的区别 懒加载：当文件需要用到的时候才会去加载，不用的时候不加载

这是我参与11月更文挑战的第28天，活动详情查看：2021最后一次更文挑战 什么是tree shaking? 如何开启tree shaking？ 必须使用ES6模块化。 开启production环境。

这是我参与11月更文挑战的第27天，活动详情查看：2021最后一次更文挑战 source-map是什么? 设置source-map的方法 选择类型 开发环境：eval-source-map 生产环境：

这是我参与11月更文挑战的第26天，活动详情查看：2021最后一次更文挑战 定义nodejs的环境变量，决定使用browserslist的哪个环境 复用loader 生产环境下基本文件的配置方式 使用

这是我参与11月更文挑战的第25天，活动详情查看：2021最后一次更文挑战 一、引入Eslint 安装相关工具包 loader配置的核心写法 在package.json中引入下面的配置 如果想要忽略某

这是我参与11月更文挑战的第24天，活动详情查看：2021最后一次更文挑战 配置dev-server 安装相关包 增加配置项 contentBase：指定服务器的启动路径。 compress：是否进行

这是我参与11月更文挑战的第17天，活动详情查看：2021最后一次更文挑战 安装指定版本的webpack 安装指定版本的loader 配置Webpack使得JS能够处理CSS样式 配置Webpack能

1. 初始化npm 2. 全局安装webpack和webpack-cli 3. 将webpack添加到package.js的开发依赖 4. 创建src文件夹，并建立入口文件index.js index

这是我参与更文挑战的第26天，活动详情查看：更文挑战 Webpack是什么？ 举例 引出构建工具 在上面的例子中，很多文件中的语法浏览器并不能识别，需要将这些文件中的语法转换为浏览器能够识别的语法。因