Entry

Output

Output ?用來(lái)告訴 webpack 如何將編譯后的?文件輸出到磁盤(pán)

單?入?口配置

Output 的?用法：多?入?口配置

核?心概念之 Loaders

webpack開(kāi)箱即用只支持JS 和JSON 兩種文件類(lèi)型，通過(guò)Loaders 去支持其它文
件類(lèi)型并且把它們轉(zhuǎn)化成有效的模塊

本身是一個(gè)函數(shù)，接受源文件作為參數(shù)，返回轉(zhuǎn)換的結(jié)果。

常?見(jiàn)的 Loaders 有哪些？

核?心概念之 Plugins

插件?用于 bundle ?文件的優(yōu)化，資源管理理和環(huán)境變量量注?入

常?見(jiàn)的 Plugins 有哪些？

核?心概念之 Mode

Mode ?用來(lái)指定當(dāng)前的構(gòu)建環(huán)境是：production、development 還是 none

設(shè)置 mode 可以使?用 webpack 內(nèi)置的函數(shù)，默認(rèn)值為 production

Mode 的內(nèi)置函數(shù)功能

打包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

總結(jié)

以上是生活随笔為你收集整理的webpack 语法的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。