Entry

Output

Output ?用來告訴 webpack 如何將編譯后的?文件輸出到磁盤

單?入?口配置

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

核?心概念之 Loaders

webpack開箱即用只支持JS 和JSON 兩種文件類型，通過Loaders 去支持其它文
件類型并且把它們轉化成有效的模塊

本身是一個函數，接受源文件作為參數，返回轉換的結果。

常?見的 Loaders 有哪些？

核?心概念之 Plugins

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

常?見的 Plugins 有哪些？

核?心概念之 Mode

Mode ?用來指定當前的構建環(huán)境是：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

總結

以上是生活随笔為你收集整理的webpack 语法的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。