本文共 652 字，大约阅读时间需要 2 分钟。

Entry

Output

Output ⽤用来告诉 webpack 如何将编译后的⽂文件输出到磁盘

单⼊入⼝口配置

Output 的⽤用法：多⼊入⼝口配置

核⼼心概念之 Loaders

webpack开箱即用只支持JS 和JSON 两种文件类型，通过Loaders 去支持其它文

本身是一个函数，接受源文件作为参数，返回转换的结果。

常⻅见的 Loaders 有哪些？

核⼼心概念之 Plugins

插件⽤用于 bundle ⽂文件的优化，资源管理理和环境变量量注⼊入

常⻅见的 Plugins 有哪些？

核⼼心概念之 Mode

Mode ⽤用来指定当前的构建环境是：production、development 还是 none

设置 mode 可以使⽤用 webpack 内置的函数，默认值为 production

Mode 的内置函数功能

打包ES6

安装：

npm i @babel/core @babel/preset-env babel-loader -D

使⽤用 babel-loader

babel的配置⽂文件是：.babelrc

{    "presets": [        "@babel/preset-env",        "@babel/preset-react"    ]}

增加ES6的babel preset配置

解析 React JSX

安装

npm i react react-dom @babel/preset-react -D

转载地址：https://maoli.blog.csdn.net/article/details/100917903 如侵犯您的版权，请留言回复原文章的地址，我们会给您删除此文章，给您带来不便请您谅解！