技術標籤：webpackreactjavascriptreactjs

Webpack4搭建一個react專案

Webpack的4個基本概念

• entry: 指定Webpack構建內部依賴的入口。
• output: 指定Webpack在哪裡輸出打包後的bundles和檔案相應的命名。
• loader: 由於Webpack只能夠理解js檔案，loader可以將所有型別的檔案轉換成Webpack可以處理的模組。
• plugins: plugins主要是一些外掛，主要用於幫助我們開發，例如打包優化和壓縮。

Webpack搭建流程

1. 初始化專案

cd 'your react-project'   //進入react專案的資料夾
npm
 
 init -y   //初始化生成package.json

2. 安裝Webpack

npm install --save-dev webpack   //安裝webpack
//使用