一、npm包管理文件 安装命令：npm init -y 二、创建webpack.config.js配置文件 entry //入口文件 moudle //loader打包css、less、图片资源等等 plugins //插件打包html output //输出 mode //模式 developme ...
转载
2021-08-16 12:39:00
133阅读
2评论
1.安装webpack项目环境bashnpminstallwebpacksavedev2.安装css的loaderbashnpminstallsavedevcssloader3.安装style的loaderbashnpminstallsavedevstyleloader
原创
2021-12-29 17:58:22
225阅读
最近在学一学前端的东西，发现前端技术栈有几个概念有些分不清，比如接触Vue后，对Vue-Cli有了解后，仅仅知道Vue-Cli是一个Vue项目的脚手架，可以快速的构建一个Vue的基于Npm的模块化项目，Vue内部的打包机制其实还是借助Webpack；但是对Webpack\Npm\Node\Nodejs这几个在前端模块化中的高频词总是傻傻分不清，不知道他们之间的具体关系what is w
转载
2024-04-22 21:39:11
130阅读
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阅读
一、NPM what?npm 是 Node.js 的包管理工具，用来安装各种 Node.js 的扩展。 npm 是 JavaScript 的包管理工具，也是世界上最大的软件注册表。 npm 由三个独立的部分组成： 网站 注册表（registry） 命令行工具 (CLI) 网站 是开发者查找包（pac
转载
2020-10-15 17:02:00
229阅读
2评论
Docker概念： Docker是一种开源的容器化平台，它可以帮助开发者打包应用程序和依赖项，以便在不同的环境中进行部署和运行。下面是使用Docker进行应用程序部署的一般步骤：使用流程：1. 安装Docker：首先需要在目标主机上安装Docker，可以参考Docker官方文档或相关教程进行安装。2. 编
转载
2024-07-04 16:58:07
98阅读
打包原理 缺点 其他特点 webpack 解析各个模块的依赖关系 使用loader转换文件，使用plugin注入钩子，打包合并模块，最终生成bundle文件，使用express开启本地服务器， 浏览器请求的是bundle文件，也就是打包过后的文件。 1.各个模块之间的依赖关系过于复杂 会导致打包速度 ...
转载
2021-10-18 18:36:00
302阅读
2评论
Vue是一套自底向上的渐进式框架，用于构建用户界面。 渐进式框架：使用简单；项目中可以部分使用VueJS；如果使用AngelaJS全部前端代码要更换； Vue.js的使用： 1、在html页面使用script引入vue.js的库即可使用。 2、使用Npm管理依赖，使用webpack打包工具对vue.js应用打包。 3、大型应用推荐此方案。 使用vue.js官方提供的CLI脚本架很方便去创建vue.
原创
2022-06-28 19:15:05
195阅读
现在js发展太快了，根本看不懂啊。于是乎想做做功课，于是乎看到了这些“奇怪”的\的ES6语
转载
2022-12-16 19:00:21
251阅读
文章目录一句话解释：安装 cnpm 一句话解释：cnpm国内下载指令速度快，可能会用更新延迟（同步频率目前为10分钟一次以保证尽量与官方服务同步），npm国外下载指令速度稳定。 国内建议使用cnpm。安装 cnpmnpm install cnpm -g --registry=https://registry.npm.taobao.org
原创
2023-06-05 11:11:13
34阅读
在安装命令时候，为了便捷，通常npm install会缩写成npm i，一般认为npm i 和 npm install是等价的，但实际上这两个还是有细微的不同。npm i 和 npm install 的区别 实际使用的区别点主要如下(windows下)：用npm i安装的模块无法用npm uninstall删除，用npm uninstall i才卸载掉npm i会帮助检测与当前node版本最匹配的
转载
2021-02-25 18:06:52
1322阅读
2评论
npm的问题npm中node_modules是嵌套的，但是包和包之间会有相互嵌套依赖的关系，这样会导致一个项目中重复安装了很多包windows中文件路径最长260多个字节，这样嵌套如果超过windows的路径长度会导致项目都启不起来yarnyarn 解决了重复嵌套和路径过长的问题，它将包文件铺平，所有依赖不再是一层层嵌套的关系了，而是全部在一层
展开以后大部分的包都是没有第二层node_modul
转载
2024-01-11 13:43:10
164阅读
Vite 原理原生 ES 模块：Vite 利用浏览器对原生 ES 模块（ESM）的支持，实现按需加载和编译。开发服务器启动时，Vite 只需解析入口文件，并将导入的模块路径记录下来。按需编译：当浏览器请求某个模块时，Vite 会实时编译该模块及其依赖。使用 esbuild 或 Vite 自带的编译器快速处理 JavaScript 和 CSS。热模块替换（HMR）：Vite 的 HMR 实现非常高效
nodeJS相关的nvm、npm、nrm、yarn、npx等 node、npm等相关概念node 和 npm 相关的名词很多，比较容易混淆。下面对这些名词做个统一梳理
node：一个基于 Chrome V8 引擎的 JavaScript 运行时；提供了 JavaScript 的运行环境。可以直接到 node 官网下载安装
nvm：node.js 版本管理工具；不同项目可能需要不同版本的 node；
转载
2023-12-20 09:11:46
123阅读
当然，Maven 是 Ant 的另一种选择，但是 Apache Ant8 继续是一个伟大的，被广泛使 用的工具。它已经是多年以来 Java 构建的统治者，而你很容易的在你项目的 Maven 构建中集成 Ant 构建脚本。 这是 Maven 项目一种很常见的使用模式。而另一方面，随着越来越多的开源项目转移到 Maven 用它作为项目管理平台，开发人员开始意识到 Maven 不仅仅简化了构建管理任务，
转载
2024-10-11 12:25:19
73阅读
node.js的包管理器npm是Node.js官方提供的包管理工具，已经成了Node.js包的标准发布平台，用于Node.js包的发布、传播、依赖控制。npm之于Node.js就像pip之于python，gem之于Ruby，pear之于PHP。npm默认情况下会从http://npmjs.org搜索或下载包，将包安装到当前目录的node_modules子目录下。npm与pip或gem的不同：gem
转载
2024-05-17 12:36:50
126阅读
一、node、nvm、npm、npx、nrm 区别node：是一个基于 Chrome V8 引擎的 JS 运行环境。npm：是 node.js 默认的包管理系统（用 JavaScript 编写的），在安装的 node 的时候，npm 也会跟着一起安装，管理 node 中的第三方插件。npx：npm 从 v5.2.0 开始新增了 npx 命令，>= 该版本会自动安装 npx，附带：npx 有什
转载
2023-12-24 13:32:18
63阅读
原创
2021-07-07 14:48:41
1381阅读
nvm 和 npm 是 Node.js 生态系统中两个不同的工具，它们有着各自的功能和用途。NVM (Node Version Manager)用途：NVM 主要用于管理多个活动的 Node.js 版本。它允许开发者在同一台机器上安装和切换不同版本的 Node.js 环境。功能：
安装多个互相独立的 Node.js 版本。切换当前使用的 Node.js 版本。卸载不再需要的 Node.js 版本。
npm 与 yarn 命令对比
转载
2018-03-15 19:59:00
198阅读
2评论
