webpack 搭建 React 專案

2021-10-09 15:48:13 字數 1327 閱讀 5136

根據官方文件上面說

你的機器上安裝的 node >= 8.10 和 npm >= 5.6

1 . 所以第一步檢查自己的 node 版本

2 . 根據官方文件上說的，直接執行下面三句話，建立 react 專案並執行

npm start

（ 但是也許你在執行者三句話時，會出現一些錯誤 ）

然後再執行上面的命令，也就是

（ 切記建立檔案時，檔名，一定不能出現大寫，會報錯 ）

npm start

這樣，乙個最簡單的react專案就搭建完成，並成功執行到你的預設瀏覽器上了

yarn install
（ 這裡的 yarn start 會被預設翻譯成 yarn run start）（ 但有些命令並不會預設轉成 yarn run··· 的形式，如，yarn build 就不能執行，必須寫 yarn run build，所以平時寫全一點，會避免一些不必要的錯誤）

yarn start
或者（ 這裡的 npm start 會被預設翻譯成 npm run start）

npm start
專案目錄中只有package.json檔案這時，你就不能執行yarn install了

要執行npm install

npm


install
然後再

yarn start
或者

用webpack手動搭建react腳手架

1.npm i webpack webpack cli webpack dev server react react dom d 2.npm i babel loader 7 babel core babel preset es2015 babel preset react d3.在安裝完成後需要在...

React 安裝 webpack打包

你也可以直接使用菜鳥教程的 react cdn 庫，位址如下 以下例項輸出了 hello,world id example 嘗試一下 例項解析 例項中我們引入了三個庫 react.min.js react dom.min.js 和 browser.min.js reactdom render hel...

webpack配置（react 版本

建立檔案webpack.config.js 1.配置入口和出口 並安裝webpack 包 constpath require path module.exports 2.配置js檔案 在output後面加 module 安裝下面的包 babel core 6.26.0 babel loader 7....