TMP-core React构建模块
独立构建的 TMP-core 资源,挺适合你在已有 React + Redux 项目里直接拿来用。
TMP-core的核心文件放在dist
或dist_dev
文件夹里,你只需要把内容复制进自己的项目,当成静态资源来加载,没啥复杂配置,挺省事。
但前提是你用的是Webpack做构建,嗯,得加点externals
配置。像react
、redux
、axios
、rxjs
这些库,需要在 Webpack 里指明是外部引入的,不然打包会报错。
举个例子,在你的webpack.config.js
里加上:
externals: {
'react': 'React',
'react-dom': 'ReactDOM',
'redux': 'Redux',
'react-redux': 'ReactRedux',
'redux-saga': 'ReduxSaga',
'redux-saga/effects': ['ReduxSaga', 'effects'],
'axios': 'axios',
'rxjs': 'rxjs'
}
这种方式蛮适合多人协作或者大项目拆包场景,用 CDN 挂这些依赖也稳。响应也快,代码也干净。
哦对了,如果你想看看类似结构的项目,可以参考react-redux-webpack或者React + Redux + Webpack 样板,也挺实用。
如果你项目依赖比较杂,建议提前查一下externals
里的包是不是都加进去了,免得运行时报xxx is not defined
。
TMP-core
预估大小:889个文件
docker_build.cmd
190B
prism.css
4KB
Dockerfile
198B
tmp_app_styles.css
494KB
tmp_library.js
1.19MB
tmp_app_styles.css
494KB
tmp_library.js
1.19MB
.gitignore
113B
.eslintignore
93B
tmp_app_styles.css
594KB
5.6MB
文件大小:
评论区