×

node.js

webpack性能优化(webpack性能优化面试题)

枫叶?飘飘 枫叶?飘飘 发表于2024-06-17 浏览6698 评论0
webpack性能优化主要有两方面:构建速度优化,产出速度优化 对生产环境产出代码合理分包,不重复加载,使其体积更小,速度更快,内存使用更少。浏览器加载页面时用的时间越短越好所以构建出的文件越小越好,减少浏览器需要发起请求的数量,减少下载静态资源的时间。webpack在生产环境构建时会做一些额外工作如代码压缩等,可优化前端资源加载性能。 构建速度优化-开发体验和效率 优化babel-loader 开启babel-loader缓存。babel-loader后加?cacheDirectory

node.js

安装pnpm踩的坑

3033099639 3033099639 发表于2024-06-16 浏览5699 评论0
啊哈~多少年了,我又回来啦!!! 真是没想到我 还在做前端 现在讲讲pnpm这个宝贝 pnpm的功能等同于npm,但是他优于npm ,主要归结于他可以像maven一样管理jar包,把依赖存在于电脑本地的一个文件夹中,通过连接的方式去获取到vue项目打包所需要的依赖。这样多个项目可以共用一个依赖库,无需重复下载 下面说一下安装方式: 在已经安装了node和npm的前提下,cmd进入小黑框 npm install pnpm -g 进行安装后,通过命令 where pnpm 获取到pnp

node.js

解决Module not found: Error: Can‘t resolve ‘sass-loader‘ in ‘******‘和node-sass和sass-loader版本不兼容问题

轩魂国度 轩魂国度 发表于2024-06-16 浏览5407 评论0
由于我是第一次在Vue项目中使用scss文件,所以对这方面的知识了解的不多,导致出现一个BUG耽误了我半天时间,下面就来看看该问题以及对应的解决方案吧。 下面是在一个组件当中引入了一个scss文件 重新运行项目发现报错,意思也就是说“没有找到sass-loader模块” 那下面看看sass-loader和node-sass的作用吧 sass-loader的作用就是加载 Sass/SCSS 文件并将他们编译为 CSS。 而node-sass模块就是对sass-loader的支持模块。

node.js

cnpm安装步骤(npm如何安装cnpm)

软件开发ampCharles 软件开发ampCharles 发表于2024-06-16 浏览23725 评论0
安装nodeJS 官网下载:http://nodejs.cn/download/ 选择其他版本下载地址:https://nodejs.org/zh-cn/download/releases/ 选版本点击下载 然后下载后缀名为msi,因为安装简单选择好地址后无脑安装 二 、创建文件夹 安装完成后我们打开它的目录创建两个文件夹(后面配置环境变量需要) node_cache node_global三 、配置npm的全局模块的存放路径、cache的路径 win+r 输入cmd 打开命令提示符窗

node.js

解决:控制台使用nvm控制node版本时出现exit status 1与exit status 145

Vincent沈卫庆 Vincent沈卫庆 发表于2024-06-16 浏览9868 评论0
解决:控制台使用nvm控制node版本时出现exit status 1与exit status 145 在搭建项目时,出现如图所示的问题:原因: status 1是因为权限不足 status 145 安装nvm或者node文件本身或者路径错误 解决: status 1:以管理员身份运行命令提示符 status 145: ①检查安装nvm路径与设置放置nodejs的路径或文件,是否出现空格或中文 比如默认安装路径C:\Program Files中出现了空格,如果有,更改路径或文件夹名称后

node.js

Node.js——fs的模块的读取文件-书写文件(nodejs fs读取文件)

漠然、 漠然、 发表于2024-06-15 浏览7721 评论0
目录 一.fs模块的介绍与初始化 二.fs.readFile()读取文件 第二种方法:  失败演示:  三.小结 四.fs.writeFile()方法向指定文件中写入内容 五.案例——整理用户信息 一.fs模块的介绍与初始化 fs模块是node内置API模块,它是用来操作文件的模块 我们可以只用fs模块中的fs.readFile()方法和fs.wirteFile()方法来对文件进行操作: fs.readFile():读取指定文件内容 fs.writeFile()

node.js

[nodemon] app crashed - waiting for file changes before starting...解决方法

My My 发表于2024-06-15 浏览8415 评论0
在请求服务器数据时候,用的5000端口,简略版如图:  然后报错,找了一下网上的方法,做个笔记: 1、修改 package.json里边的 dev启动项。 我这不行。 2、 杀掉进程 红色的核心报错语句是:[nodemon] app crashed - waiting for file changes before starting... 结合上面的一句Starting inspector on 127.0.0.1:9229 failed: address al

node.js

nodejs切换版本使用(不需要卸载重装)(nodejs完全卸载)

saozecom saozecom 发表于2024-06-15 浏览8026 评论0
在工作中有时候遇到不同的项目所要求的node版本不同,这种情况我们就需要来回切换node的版本,如果卸载重装的话会非常麻烦,而且可能导致文件删除不干净,经过踩雷之后,总结一下nodejs如何切换版本使用 首先可以看到我本地现在使用的版本是9.8.0 一、下载所需版本的node 下载地址:https://registry.npmmirror.com/binary.html?path=node/ 选择所需要下载的版本,我这里下载的是12.13.0,直接下载zip文件 二、添加n

node.js

node版本的更换(如何切换node版本)

蓝色妖姬 蓝色妖姬 发表于2024-06-14 浏览9014 评论0
node版本的更换 当下载npm时,如果报错信息是如下内容,那么就是npm版本,不满足项目中相关依赖的版本: npm ERR ERESOLVE unable to resolve dependency tree 解决办法-降低node版本 一、安装npm插件n,通过n模块来管理node版本 1、全局安装n模块 npm i -g n 2、安装当前稳定版本 n stable 3、安装最新版本 n latest 4、安装指定版本 n v@8.16.0 5、卸载制定的node版本 n rm

node.js

前端技术:解决执行npm install提示 xxx packages are looking for funding run `npm fund` for details的问题 详述npm fund

●°彩儿﹏ ●°彩儿﹏ 发表于2024-06-14 浏览6837 评论0
😐 我的博客,不仅帮你解决此类问题,还会告诉如何去分析定位问题。 复现问题 今天执行如下命令时: npm install 报出如下问题: 231 packages are looking for funding run `npm fund` for details 分析问题 npm fund的命令 翻译上述这句话231 packages are looking for funding run `npm fund` for details为231个软件包正

node.js

vue入门及其环境配置 (vue的环境配置)

田小会 田小会 发表于2024-06-13 浏览7701 评论0
1、安装node.js 1.1 下载node.js 这里可以去官网下载最新版本:Download | Node.js 这里我安装的是12.18.3的node.js 1.2 配置node默认安装目录 安装好node.js后默认的安装目录在【C:\Users\[当前电脑名称]\AppData\Roaming】在这个文件夹下的两个文件夹【node_global】及【node_cache】分别作为默认安装目录和缓存日志目录。 注:AppData为隐藏文件夹 这里可以用命令来改变默

node.js

Node.js安装及环境配置(nodejs安装及环境配置详细)

乄 发表于2024-06-13 浏览6330 评论0
目录 下载node.js 第一步:到node官网下载node.js 第二步:根据需要选择自己需要的版本 第二步骤:安装node.js 第一步:开始安装。 配置环境变量 第一种:直接添加 node 安装目录环境变量 第二种 自带npm 改变nodejs的下载依赖包路径 检查环境变量是否成功 改变nodejs的下载依赖包路径的环境变量配置值 配置后测试 npm WARN config global `--global`, `--local` are instead 解决