create-react-app 打包环境以及打包输出文件夹名设置create-react-app 不同环境打包及打包到对应的文件夹内设置不同环境打包不同文件夹设置不同环境的打包，这里区分为三种环境，线上的测试，演示，正式环境1。安装 cross-env。兼容跨平台(window, mac)设置的环境变量的有效性。npm install npm install --save-dev cross-e
开发React组件 发布npm包 (使用TSDX)运行该命令，会新建组件开发的文件夹。(mylib就是项目名)因为我这边的网速很烂 所以可以先安装cnpm i tsdx@latest -g然后在执行npx tsdx create mylib中途我们会被要求选择一个模版：模版描述basic用于一个TypeScript包，可以开发任何东西，灵活度高react用于开发React组件的包，内置了@type
转载
2021-01-17 19:31:38
1626阅读
2评论
electron+react打包必备组件下载失败
原创
2023-06-08 15:01:27
149阅读
大家都用过组件库，react 流行的组件库有阿里的 ant-design、字节的 semi-design、arco-design 等。 那这些组件库都是怎么打包的呢？ 我们自己写个组件库的话，怎么写打
原创
精选
2023-11-11 08:06:44
386阅读
这篇文章是以打包react插件的形式，介绍webpack的一些配置信息。如果写简单插件的话还是推荐使用rollup，但是可以用写插件的形式去学习一下webpack的一些东西。（适用于初中级webpack学者）1.安装node和npm，新建文件夹，在文件夹中执行npm init命令，一直回车生成一个package.json文件如下：{
"name": "cobrandcard",
"vers
vue组件库开发，做一个像elment-ui一样的，webpack打包，非常好用
原创
2023-10-03 09:04:02
287阅读
npm包管理工具1，认识npmnpm即node的包管理器是Node.js默人的、以JavaScript编写的软件包管理系统npm已经是前端工程师的标配在npm上我们可以很方便的下载我们所需要的的包， 如jquery，vue等 官网 npm官方网站2，下载先下载node.js（因为node中自带有npm，所以无需多下载npm）node官网然后使用node.js的命令工具查看node版本$ node
转载
2024-06-05 12:48:44
54阅读
npm 与 webpack打包一、npm介绍：js有两个主流的包管理器——npm和yarn，两者仓库是共通的1. 本地怎么导入一个npm模块呢？安装：npm一个模块后，package.json会记录该模块依赖信息，而该模块则会保存在node_modules里使用：import xx from 'xxx'功能：Webpack打包时解析到这句话，会去node_modules里寻找对应模块并引用寻找引用
转载
2024-03-28 08:07:39
186阅读
最近在学一学前端的东西，发现前端技术栈有几个概念有些分不清，比如接触Vue后，对Vue-Cli有了解后，仅仅知道Vue-Cli是一个Vue项目的脚手架，可以快速的构建一个Vue的基于Npm的模块化项目，Vue内部的打包机制其实还是借助Webpack；但是对Webpack\Npm\Node\Nodejs这几个在前端模块化中的高频词总是傻傻分不清，不知道他们之间的具体关系what is w
转载
2024-04-22 21:39:11
130阅读
如果你的系统还不支持 Node.js 及 NPM 可以参考我们的。我们建议在 React 中使用 CommonJS 模块系统，比如 browserify 或 webpack，本教程使用 webpack。
原创
2024-10-14 09:46:52
40阅读
Before we publish our package, we want to make sure everything is set up correctly. We’ll cover versioning, preparing our package, adding a proper REA
转载
2019-11-04 16:54:00
195阅读
2评论
手动配置config引用包import {resolve} from 'path';基于umi的获取实现方式命令格式后面的参数随便传输npm run build Main
原创
2023-12-12 10:04:29
223阅读
封装vue组件库的两种方法和形式： 一：是建立一个webpack-simple 项目 二：是在通过vue-cli脚手架建立webpack vue项目，这种项目有点冗余，可是我们对这种项目最熟悉 下面分别介绍两种用法： 一： 1.首先先建立一个vue项目： 通过vue init webpack-sim
转载
2020-02-20 16:24:00
702阅读
2评论
本文作者「海秋」。上篇文章[1]中介绍了如何从 0 到 1 搭建一个 React 组件库架子，但为了一两个组件去搭建组件库未免显得大材小用。这次以移动端常见的一个组件 Popup 为例，以最方便快捷的形式发布一个流程完整的 npm 包。???? 在线预览[2]✨ 仓库地址[3]如果对你有所帮助，欢迎点赞 Star 以及 PR。如果有所错漏还烦请评论区指正。本文包含以下内容：Popup
转载
2022-04-22 15:35:59
990阅读
react的目的是将前端页面组件化，用状态机的思维模式去控制组件。组件和组件之间肯定是有关系得，通过合理得组件设计，给每一个组件划定合适得边界，可以有效降低当我们对页面进行重构时对其他组件之间得影响。同时也可以使我们得代码更加美观。1、高耦合低内聚。高耦合：将功能联系紧密得部分放到一个容器组件内对外暴漏出index.js，目录结构如下:├── components│ └── App└── inde
转载
2023-07-14 13:40:39
117阅读
重新设计 React 组件库
诚身
7 个月前 在 react + redux 已经成为大部分前端项目底层架构的今天，让我们再次回到软件工程界一个永恒问题的探讨上来，那就是如何提升一个开发团队的开发效率？ 从宏观的角度来讲，其实只有良好的抽象才能真正提高一个团队的开发效率，而囿于不同产品所面临的不同业务需求，当我们抽丝剥茧般地将一个个前端工程抽象到最后一层，那么剩下的其实就只有
转载
2024-08-26 10:07:51
61阅读
（一）问题描述：
我们全局安装vue/cli时，运行npm install -g @vue/cli命令，然后按照官网运行vue --version发现控制台报错：无法将“vue”项识别为 cmdlet、函数、脚本文件或可运行程序的名称。请检查名称。
解决方法为：
1、npm config get prefix
2、在电脑环境变量中配置刚刚得出的路径
再运行vue --ver
原创
2021-08-13 20:03:18
773阅读
在现代软件开发中，使用Docker打包Node.js应用是一个非常流行的实践。而在Node.js项目中，npm是一个不可或缺的依赖管理工具。本文将详细记录如何解决“Docker 打包 npm”这一问题，重点关注备份策略、恢复流程、灾难场景、工具链集成、预防措施和监控告警。
### 备份策略
生成的Docker镜像和npm包文件需要妥善备份。当我们维护一个公司的应用时，确保我们能够迅速恢复到一个
老杜 JavaWeb 讲解对应视频：04-编写第一个webapp05-BS结构系统的角色和协议(四) 实现一个基本的web应用(无Java)4.1 基本步骤找到CATALINA_HOME\webapps目录因为所有的webapp要放到webapps目录下。（没有为什么，这是Tomcat服务器的要求。如果不放到这里，Tomcat服务器找不到你的应用。）在CATALINA_HOME\webapps目录
本次升级的需求项目使用git做版本管控，项目正式环境与测试环境api地址及其他的一些设定有所不同，所以要编译不同环境设定下的代码就需要不同的编译指令。同时希望不同编译指令编译出的文件不相互影响。设计的升级方案自定义npm run testing命令,区分正式环境build命令与测试环境编译命令，不同命令编译的项目发布到指定的文件夹。达到的效果设定不同编译命令的环境变量，使用不同的编译命令打包代码n
转载
2024-05-08 17:50:48
429阅读
