相信很多开发者在入门 react 的时候都是使用 create-react-app 或 react-slingshot 这些脚手架来快速创建应用,当有特殊需求,需要修改 eject 出来的 webpack 配置文件时,面对各种配置项不知如何下手,本文会介绍如何使用 webpack 手动搭建一个 react 项目。
首先全局安装webpack
npm i webpack -g
安装项目所需要的webpack管理依赖
npm i webpack webpack-cli webpack-dev-server --save-dev
在安装的过程中,就不要闲着了,此时可以新建自己需要的文件,比如配置文件webpack.config.js(管理配置的文件,名字不能改)、主要引入文件main.js、展示视图的文件index.js、组件文件component、视图文件pages/views、css、img等文件。
此时依赖差不多安装好了,再继续安装webpack支持react的核心工具jsx-loader
npm i jsx-loader --save-dev
可以同时安装react项目所需要的依赖
npm i react react-dom --save-dev
需要在建立的webpack.config.js文件里进行基本配置
注意:有了webpack.config.js文件配置之后,指令就