webpack 语法

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

本文来自互联网用户投稿，文章观点仅代表作者本人，不代表本站立场，不承担相关法律责任。如若转载，请注明出处。 如若内容造成侵权/违法违规/事实不符，请点击【内容举报】进行投诉反馈！