webpack实现多客户配置

已于 2022-08-19 03:07:27 修改
阅读量307 收藏
点赞数
分类专栏： node webpack JavaScript 文章标签： webpack
于 2019-03-08 16:03:57 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/niexia_/article/details/88353191
版权

原文链接：Webpack实现多用户配置
在开发中，如果项目代码中，面对多个客户，现在需要根据不同客户打包的不同的代码，需要怎么配置呢？

平常的开发中一些需求也是比较类似的，例如下面这段代码，根据不同环境，配置不同的接口地址。它们都是需要根据环境变量来做不同的配置，从而实现打包的时候进行区分。
…

github@niexia
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
vue项目中动态创建模块以满足客户定制化需求的解决方案
donggua_123的博客
05-12 3646
前端项目中很多时候会遇到这样的业务需求： 所有的客户都有共同的一些业务需求，即基础需求 基础需求需要根据业务发展进行升级 在共同需求的基础上，每个客户又有不同的需求（客制化） 如果只是一两个客户还好，在基础版本上分两份前端文件，分别维护。但是客户达到一定数量级后，比如5个、8个甚至更多，这时候这种机械的本办法就费时耗力了，如果再考虑到基础功能的版本升级需求，那这种方法就完全不行了（升级一个基础功能就要分别复制到每个客户的项目中，同步代码）。 以上情况就是我司的实际情况，下面介绍一下我司用的方法，不一
git-1_远程仓库相关命令
zhanghuanhuanzhh的博客
03-19 306
检出仓库： $ git clone git://github.com/jquery/jquery.git 查看远程仓库：$ git remote -v 查看远程仓库信息: git remote show [remote-name] //git remote show origin(origin is alias name of the URL) 删除本地库中已经不存在的分支: `$...
webpack构建网页，解决一套代码多客户不同的个性化需求的思路&关键代码，可能造了个轮子吧
Zq
11-07 1010
本文只有关键代码和思路   webpack ^v4.x nodejs   我觉得这个版本关系不大，只要能安装webpack4就OK了   思路 ====================================== 创建一个配置文件的文件夹，比如ppc（personzlization, personalized,customized  个性化的翻译哈） 里面创建默认配置文件，...
一个基于react+webpack的多页面应用配置
weixin_33676492的博客
01-12 669
简单介绍 首先本文不会对webpack代码进行解释，其所有配置都可以在文档上找到。 平时工作中会写一些多页面应用，因为习惯了react的开发模式，故此写了一个简单的配置，跟大家一起分享。如果你也喜欢，对你的开发有所帮助，希望给点鼓励（start） github地址：https://github.com/ivan-GM/Gm... 项目目录...
基于Vue-cli的一套代码支持多个项目的解决方案
weixin_34294649的博客
06-29 1492
基于Vue-cli的一套代码支持多个项目的解决方案 应用场景 在toB端业务中，同样的产品，客户多多少少会要求一些定制化。从皮肤，图片，到一些小的功能的差异。前端总是冲在最前面需要改的。如果改动不大的话，拉个分支有增加了维护的成本，分支拉多了，如果主干有一个问题相当于copy了n份，那个滋味简直不要太酸爽。那么，是否可以一套代码支持多个项...
Git常用命令
吴小花的博客
03-05 2439
1.git init 初始化 git init 2.git remote add origin 将本地的仓库和远程的仓库进行关联 git remote add origin git@github.com:wu-yuan/kunqing.git 3.git remote rm origin删除和git remote -v 查看远程仓库 git remote -v //查看git对应的远程......
基于SpringBoot+VUE实现的客户管理系统源代码+数据库，课程设计
最新发布
12-13
本项目是一个基于SpringBoot后端框架与Vue.js前端框架实现的客户管理系统，旨在提供一个完整的课程设计示例，帮助学习者理解如何将这两种技术结合应用于实际的Web开发中。下面我们将详细探讨其中涉及的关键知识点。 ...
客户门户
02-16
8. **配置文件**：这些文件可能包含构建工具的配置（如Webpack或Babel），环境变量，或者其他项目特定的设置。 9. **构建和部署脚本**：为了自动化构建过程和发布到生产环境，开发者可能使用npm脚本或其他工具链。 ...
蛇客户
02-11
"蛇客户"项目，根据提供的标签，显然与JavaScript编程有关，很可能是某个开源软件或工具的客户端实现。在JavaScript的世界里，"client...通过解压文件并研究源码，我们可以获取更多关于该项目的技术细节和实现方法。
个人钻石客户
03-02
3. **响应式设计**：考虑到不同设备的兼容性，项目可能应用了Bootstrap、Flexbox或Grid布局，实现跨平台、多屏幕尺寸的适配。 4. **API交互**：项目与后端服务器的通信可能通过AJAX技术实现，如使用fetch API或...
Git 常用命令
weixin_45703155的博客
05-06 1755
查看当前仓库地址 git remote show origin 查看远程分支 git branch -a 查看本地分支 git branch 创建分支 git branch (分支名) 删除分支 git branch -d (分支名) 切换分支 git checkout -b test origin/test 放弃所有的文件修改 git checkout . 把项目上传到git git init git remote add origin（url) git add . git commit -m ‘注释’
关于git中origin的小知识
weixin_38924697的博客
01-13 549
关于git中origin的小知识
git中的origin
热门推荐
Blog
03-02 3万+
origin 首先假设你自己在github上创建了一个Repository，叫做myRepository，假设你的Github ID是user1,这个时候指向你的代码库的链接是 https://github.com/user1/myRepository clone 如果你在terminal里输入 git clone https://github.com/user1/myR...
webpack多页面教你轻松打造一个vue项目同时跑出pc端和h5端
北极那企鹅丶
10-24 3405
写在前面的话   最近接到一个官网项目，有pc和h5两端，想着又要新开两个项目，一个放pc，一个放h5，然后发布的时候又要分开，不由得头大，忽然想起webpack不是有多页面嘛，干嘛不一个项目一个pc端页面，一个h5端页面，然后像图片资源，公共方法等等之类的不就可以共用了嘛，发布的时候也只需要打包一个就可以啦 ...
Webpack Antd 主题配置
朱建伟的专栏
05-05 4758
1)theme 属性 配置在 package.json 或 .webpackrc 下的 theme 字段。theme 可以配置为一个对象或文件路径。 “theme”: { “primary-color”: “#1DA57A”, }, 2) .babelrc设置支持less 样式必须加载 less 格式。 如果你在使用 babel-plugin-import 的 style 配置来...
git更改origin数据源
小识的博客
03-14 2万+
介绍 ssh sqt@180.169.33.117 ／／访问远程git仓库 mkdir ZSKFrameWork.git //创建一个叫ZSKFrameWork.git的文件夹 git –bare init //初始化git git remote －v 查看远程origin git remote rm origin 删除远程origin git remote add origin sqt@180....
【笔记】查看 git项目的地址及子模块
Abracadabra的专栏
11-21 1万+
【笔记】查看 git项目的地址及子模块使用命令git config -l例如： 下载 spring-framework 的代码： 在 spring-framework 目录下，执行git config -l：可以看到：remote.origin.url=https://github.com/spring-projects/spring-framework$ git config -l 略 rem
react 应用多入口配置及实践总结
明月如霜丶
01-07 2094
背景 还是之前的那个项目，做完国际化没多久，还没来得及划水， 又有新的活了 – 移动端的兼容。 考虑到后期的复杂度， 需要做两套资源。 具体的目标是：同一个URL，PC打开就显示PC的那一套， M端打开就显示Mobile的页面。 create-react-app 脚手架本身不支持多入口， 需要改造，今天下午研究了一下，改造了一波， 基本达到了预期， 在这里简单把经验总结分享下。 先睹为快 Mobi...
git 查看远程仓库，以及与本地仓库的关系：git remote show origin
纠缠AI的亮子
10-25 2万+
命令及输出如下： $ git remote show origin * remote origin URL: https://github.com/my-org/complex-project Fetch URL: https://github.com/my-org/complex-project Push URL: https://github.com/my-org/complex...
webpack配置多页面
06-03
配置Webpack实现多页面应用需要进行以下步骤： 1. 在Webpack配置中设置多个入口文件 ```javascript entry: { page1: './src/page1.js', page2: './src/page2.js' }, ``` 2. 在Webpack配置中设置多个...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值