create-react-app 支持多入口
转自 http://blog.csdn.net/q617610589/article/details/75026175
1. Eject the project
npm run eject
2. Add multiple entry to webpack.config.dev.js
entry: { index: [ require.resolve('react-dev-utils/webpackHotDevClient'), require.resolve('./polyfills'), require.resolve('react-error-overlay'), paths.appIndexJs, ], admin:[ require.resolve('react-dev-utils/webpackHotDevClient'), require.resolve('./polyfills'), require.resolve('react-error-overlay'), paths.appSrc + "/admin.js", ] }, output: { path: paths.appBuild, pathinfo: true, filename: 'static/js/[name].bundle.js', chunkFilename: 'static/js/[name].chunk.js', publicPath: publicPath, devtoolModuleFilenameTemplate: info => path.resolve(info.absoluteResourcePath), },
3. Modify HtmlWebpackPlugin
add a new plugin node:
new HtmlWebpackPlugin({inject: true, chunks: ["index"], template: paths.appHtml, }), new HtmlWebpackPlugin({ inject: true, chunks: ["admin"], template: paths.appHtml, filename: 'admin.html', }),
4. webpack Dev Server
rewrite urls
/config/webpackDevServer.config.js:historyApiFallback: {disableDotRule: true, // 指明哪些路径映射到哪个htmlrewrites: [{ from: /^\/admin.html/, to: '/build/admin.html' }, ] }
转载于:https://www.cnblogs.com/wssdzf/p/8296017.html
create-react-app 支持多入口相关推荐
- 在 .NET Core 5 中集成 Create React app
翻译自 Camilo Reyes 2021年2月22日的文章 <Integrate Create React app with .NET Core 5> [1] 本文演示了如何将 Crea ...
- 深入浅出 Create React App
本文差点难产而死.因为总结的过程中,多次怀疑本文是对官方文档的直接翻译和简单诺列:同时官方文档很全面,全范围的介绍无疑加深了写作的心智负担.但在最终的梳理中,发现走出了一条与众不同的路,于是坚持分享出 ...
- Create React App 2.0 正式发布:Babel 7、webpack 4 等
英文原文:Create React App 2.0: Babel 7, Sass, and More – React Blog 以下是简要翻译 React 本身是没有附带任何编译工具的,如果没有测试运 ...
- Vite 3.0 vs. Create React App:比较和迁移指南
Create React App (CRA) 在 React 社区及其整个生态系统的发展中发挥了关键作用. 在突发奇想构建本地 React 开发环境时,它是不同技能的开发人员的首选工具. CRA 拥有 ...
- 【翻译】基于 Create React App路由4.0的异步组件加载(Code Splitting)
基于 Create React App路由4.0的异步组件加载 本文章是一个额外的篇章,它可以在你的React app中,帮助加快初始的加载组件时间.当然这个操作不是完全必要的,但如果你好奇的话,请随 ...
- 如何使用Create React App DevOps自动化工作中所有无聊的部分
by James Y Rauhut 詹姆士·鲁豪(James Y Rauhut) 如何使用Create React App DevOps自动化工作中所有无聊的部分 (How I automate al ...
- Create React App 2.0 华丽登场
贺! Create React App 2.0 在 10/02 正式发布 ?????? Create React App 是由官方所维护的开发工具,主要提供了专属于 React 开发环境的前置工作.简 ...
- Create React App proxy配置
最近又吃了没文化的亏(哭晕在洗手间≧ ﹏ ≦) 做后台管理系统的时候,需要调一个易连云打印小票的接口, 项目框架是 Create React App+typescript,后端是node.js 本媛负 ...
- Create React App从使用到Docker部署
一.介绍 Create React App 是 React 脚手架,它帮我们可以快速生成项目的工程化结构,脚手架让项目从搭建到开发再到部署,整个流程变得快速和便捷. 二.安装 Create React ...
- react快速开始(二)-使用脚手架Create React App创建react应用
文章目录 react快速开始(二)-Create React App入门 什么是Create React App 快速开始 使用IDE webstrom创建react项目 create react a ...
最新文章
- hive export import
- MAC OS 10.10.5虚拟机免费下载(可安装Xcode7)
- mcq 队列_MCQ | 密码学中作为IDEA,DES,AES,RSA的块密码
- Flink 必知必会经典课程四:Fault-tolerance in Flink
- 优达学城深度学习之三(下)——卷积神经网络
- java logging 格式化_Spring源码使用java.util.logging打印日志
- 重拾Java Network Programming(一)IO流
- 自由 解读STM32 F4xx 学习芯片 来点中文参考手册(free影响你收米了?不要lian)
- 金蝶引出文件到服务器,金蝶迷你版如何引出帐套文件,具体操作流程
- 医院预约挂号系统(Java+SSM+MySQL+Maven)
- 查看tomcat的版本号
- MATLAB#183;提取图像中多个目标
- 如何在flash中实现播放控制?
- ROS实验笔记之——Intel Realsense l515激光相机的使用
- 鸿蒙与北斗星云手机,为何其他国产手机不接入鸿蒙?王成录一语道出真谛
- element若依 菜单点击改变背景色
- Hulu全球研发副总裁诸葛越谈人工智能
- linux备忘录课程设计,linux备忘录
- python如何判断字符串是否以某个字母或者数字结尾
- ANT DESIGN VUE upload 上传excel (使用upliad组件,上传excel到页面表格)
热门文章
- 像素,色彩,分辨率什么的
- SDUT_2012省赛选拔赛2 部分题目
- vs2005 生成安装包的时候提示“不可恢复的生成错误”
- memcached 安装与简单实用使用
- flask框架+pygal+sqlit3搭建图形化业务数据分析平台
- 《疯狂Java讲义》(十八)---- JAR文件
- 《算法导论》为什么经典
- Android中Bitmap、Drawable、byte[]转换
- jQuery创建、删除和修改html标签
- 032. asp.netWeb用户控件之一初识用户控件并为其自定义属性