从零开始搭建react项目

前边步骤参考 ：https://www.jianshu.com/p/324fd1c124ad
其中会提示安装 webpack-cli        npm install webpack-cli -D 

然后会提示The 'mode' option has not been set, webpack will fallback to 'production' for this value. Set 'mode' option to 'development' or 'production' to enable defaults for each environment.

大致意思就是设置生产模式还是开发模式，方法是在package.json文件的script的start中加入--mode development：

"scripts": {

　　"start": "webpack-dev-server --hot --inline --colors --content-base ./build --mode development",

　　"build": "webpack --progress --colors"

},

这个时候需要自己在根目录下建一个webpack.config.js文件 进行入口等基础配置

配置完后提示 You may need an appropriate loader to handle this file type.（缺少处理这种文件的合适的loader）

npm install babel-preset-env --save-dev，之后安装html-webpack-plugin插件

 然后配置.babelrc文件

其中配置sass-loader 模块化，node-sass安装失败解决办法：

设置变量 sass_binary_site，指向淘宝镜像地址。

npm i node-sass --sass_binary_site=https://npm.taobao.org/mirrors/node-sass/

 最后就ok啦,项目基础配置见个人github：https://github.com/490567134/webpack-react/upload/webpack-react