webpack4+react配置多页面移动端应用程序
190 浏览量
2021-01-08
15:31:42
上传
评论
收藏 117KB PDF 举报
webpack4+react配置多页面移动端应用程序配置多页面移动端应用程序
webpack4+react配置多页面移动端应用程序配置多页面移动端应用程序前言技术栈项目目录结构移动端适配方案webpack配置基础配置开发环境配置
react+redux热重载生产环境配置.babelrc配置总结
前言前言
最近在搞一个基于react的多页面移动端应用程序。构建工具使用的是webpack，脚手架并不是使用create-react-app这个官方
推荐的脚手架，而是利用webpack从0到1搭建起来的脚手架。在搭建项目环境的过程中遇见了不少难点，所以就想着把它记
录下来，分享出来，希望可以帮助到有需要的同学。项目github地址https://github.com/c10342/webpack4-react-multipage
技术栈技术栈
首先说一下这个项目所使用的的技术栈。主要是webpack，react，node-sass。这里需要注意的是node-sass的安装，国内用
户可能会因为需要翻墙的原因会安装失败，所以需要设置一下node-sass的安装源，设置如下：npm config set sass-binary-
site http://npm.taobao.org/mirrors/node-sass，这种方式是设置全局的安装源，以后再次node-sass安装就会直接从这个镜像
源下载；或者npm install –save node-sass –registry=https://registry.npm.taobao.org –disturl=https://npm.taobao.org/dist –
sass-binary-site=http://npm.taobao.org/mirrors/node-sass，这种方式就是局部有效，只在本次安装有效。但是我建议是在项
目根目录下新建一个名为.npmrc的文件，然后写上sass_binary_site=https://npm.taobao.org/mirrors/node-sass/，这样即使别
人拿到你的项目也可以直接安装了，不用设置这么多。下面先贴一下依赖包的版本号吧。
"devDependencies": {
"@babel/core": "^7.8.7",
"@babel/plugin-transform-runtime": "^7.8.3",
"@babel/preset-env": "^7.8.7",
"@babel/preset-react": "^7.8.3",
"autoprefixer": "^9.7.4",
"babel-loader": "^8.0.6",
"clean-webpack-plugin": "^3.0.0",
"copy-webpack-plugin": "^5.1.1",
"css-loader": "^3.4.2",
"file-loader": "^5.1.0",
"html-webpack-plugin": "^3.2.0",
"mini-css-extract-plugin": "^0.9.0",
"node-sass": "^4.13.1",
"postcss-loader": "^3.0.0",
"react-hot-loader": "^4.12.19",
"sass-loader": "^8.0.2",
"sass-resources-loader": "^2.0.1",
"style-loader": "^1.1.3",
"url-loader": "^3.0.0",
"webpack": "^4.42.0",
"webpack-cli": "^3.3.11",
"webpack-dev-server": "^3.10.3",
"webpack-merge": "^4.2.2"
},
"dependencies": {
"@babel/runtime-corejs3": "^7.8.7",
"axios": "^0.19.2",
"core-js": "^3.6.4",
"react": "^16.13.0",
"react-dom": "^16.13.0",
"react-loadable": "^5.5.0",
"react-redux": "^7.2.0",
"react-router-dom": "^5.1.2",
"redux": "^4.0.5",
"redux-thunk": "^2.3.0",
"regenerator-runtime": "^0.13.3"
}
项目目录结构项目目录结构
资源评论
weixin_38687199
- 粉丝: 4
- 资源: 924
最新资源
- 【个人博客搭建】（5）Sqlsugar实体创建数据库数据 生成时打印的SQL语句，也可用他创建
- 基于Scrapy和Redis的分布式爬虫设计源码
- 纯HTML外贸公司通用企业html网站模板源码
- 基于Flask轻量级Web框架的Aliexpress项目设计源码
- Java毕设之ssm-079-mysql-ssm软件bug管理系统-.rar
- 基于Vue和TypeScript的移动端潮玩商城设计源码
- Java毕设之ssm-067-mysql-网约车用户服务平台-.rar
- 基于Kotlin和Java的安卓计算器应用设计源码
- 基于Java的学院教师教学质量评价系统设计源码
- 超详细的数据结构讲解（值得珍藏）
资源上传下载、课程学习等过程中有任何疑问或建议，欢迎提出宝贵意见哦~我们会及时处理！
点击此处反馈
