前言

最近在学习react,跟着慕课网的教程在学习,再次记录一下。

开始

执行pnm run eject命令

注意此操作不可逆,会把create-react-app封装起来的配置全部暴露出来

新建对应的html模板和文件

在pubilc文件里面新建模板

原来有一个叫index.html的模板,复制一份改成自己想配置的模板,比如我现在新order.html 15946491691.jpg

在src里面重新整理目录结构

把index重组成如下图

15946502101.png

actions.js、reduicers.js、store.js是redux的代码不用理 然后复制一份改文件夹名字为order

配置webpack下的config里面的文件

打开paths.js文件,新增对应的html路径和入口的js文件

15946505041.png

找到webpack.config.js

搜索找到入口(entry),把数组改成对象的模式,添加对应的key-value

order: [paths.appOrderJs, isEnvDevelopment && require.resolve('react-dev-utils/webpackHotDevClient')].filter(Boolean) 15946507641.png

配置html模板 15946509261.png

打包测试

npm run build

不好的情况出现了报Cannot read property 'filter' of undefined 15946520121.png

找到ManifestPlugin这个插件把generate这个箭头函数注释即可或者改写如下

15946530401.png

结尾

到此应该可以运行起来了