一.为什么使用webpack 为了简化前端开发的复杂度,前端社区做了很多实践: 模块化,让我们可以把复杂的程序细化为小的文件; 类似于TypeScript这种在JavaScript基础上拓展的开发语言:使我们能够实现目前版本的JavaScript不能直接使用的特性,并且之后还能转换为JavaScript文件使浏览器可以识别; Scss,less等CSS预处理器 这些改进确实大大的提高了我
为什么 npm 要为每个项目单独安装一遍 node_modules?其实也不用每次都安装node_modules,直接使用软连接即可:windows 使用mklink /j node_modules %APPDATA%\Roaming\npm\node_moduleslinux使用ls -s node_modules %APPDATA%\Roaming\npm\node_modulesnodejs
目录安装模块本地安装全局安装指令的简写:卸载模块本地卸载全局卸载更改镜像网址-——避免网速过慢模块导入机制1、导入自定义模块2、导入内置模块3、导入第三方模块4、导入文件夹安装模块一般项目都要初始化项目,创建package.json文件,该文件记录项目的配置信息npm init本地安装本地安装的模块只能在当前项目下使用,使用项目依赖的模块,比如:express模块,本地安装的时候会在项目目录下生成
转载 2024-08-28 10:48:46
309阅读
'webpack’不是内部或外部命令或者node安装一、下载安装node.js去nodejs官网(https://nodejs.org/en/)下载所需版本,看清系统,不是所有版本都支持w7的 我用的w7,下载的node-v10.16.0-x64二、配置环境1.配置文件夹 输入cmd打开命令行,输入node -v回车查看nodejs是否安装成功 输入npm - v查看npm是否安装在安装好node
项目运行环境配置:Node.js最新版+ Vscode + Mysql5.7 + HBuilderX+Navicat11+Vue。项目技术:Express框架 + Node.js+ Vue 等等组成,B/S模式 +Vscode管理+前后端分离等等。环境需要1.运行环境:最好是Nodejs最新版,我们在这个版本上开发的。其他版本理论上也可以。2.开发环境:Vscode或HbuilderX都
在上一篇文章里,我大概解释了node的代码组织方式,有三个关键词: module, exports, require,这里我根据朴灵的深入浅出nodejs详细解释一下这三个关键词。在node引入模块并执行的过程中发生了什么事情的呢?1. 路径分析2. 文件定位3. 编译执行在node中,模块包括了两种,一种是核心模块,在node环境启动的时候,加载到内存中,大家都知道的,内存读取起来很快,另外一种
转载 2024-09-06 14:12:20
49阅读
说到 node 的模块,确实既好用又蛋疼。相信无数人吐槽 node_modules 目录结构的设计了。 确实,npm 没有处理好 peerDependencies 的概念,不仅重复安装了模块,而且嵌套层次太深。 我觉得可以在安装依然的时候分析相同模块,安装到合适的层次,但是却面临一个相同模块的不同版本问题。 反正确实挺纠结的,我这样的脑子不够用。win 的 MAX_PATH 问题在 windows
转载 2024-05-16 10:27:35
193阅读
node模块化@(node)一、前言Node应用是由模块组成的,Node遵循了CommonJS的模块规范,来隔离每个模块的作用域,使每个模块在它自身的命名空间中执行。CommonJS规范的主要内容:模块必须通过 module.exports 导出对外的变量或接口,通过 require() 来导入其他模块的输出到当前模块作用域中。CommonJS模块的特点:(1)所有代码运行在当前模块作用域中,不会
转载 2024-09-10 17:14:38
160阅读
开发命令行原理看似很神奇的功能,其实本质十分简单。#!/usr/bin/env node 这句话,告诉了 *nix 系统,当前文件,应该使用什么工具/软件来执行而这,就是 node 开发命令行工具的原理。也是其它语言开发命令行工具的原理,可以对比于 windows 下的 bat 文件。基础知识既然讲到基础,那就尽可能使用原生的语言、不引用多余模块的方式进行开发。Node 命令行工具开发中,最重(
大家好,我是前端西瓜哥,今天我们来看看 Node.js 模块查找的原理。模块种类模块有三种来源。核心模块:Node.js 内置的包。比如 http、fs、path;自定义模块:NPM 包。比如 axios、express,位于 node_modules 目录下的同名目录,并通过 package.json 的 main 字段指定入口文件;文件模块:项目自己的模块文件,使用路径的写法。包括相对路径(比
前言本文主要记录了自己编写一个npm包的流程。m-adds以编写一个两个数相加的方法为例,发布一个npm包的详细步骤如下安装node环境安装node环境按照官方介绍,安装完成之后可以通过node -v 和 npm -v 来确认node和npm是否安装成功npm包中代码的编写打开cmd,输入以下代码mkdir m-adds //创建m-adds的文件,文件名可更改 cd m-adds //打
  今天写一点有关Visual Studio 2015使用技巧方面的文章,其实不只是VS2015,VS以前的版本也有这个功能,这个功能就是“VS预生成事件命令行 和 生成后事件命令行”。这个功能好久没有使用了,居然在这个功能使用上也会阴沟翻船,整整把我折腾了多半天,借着今天这个机会,今天我就把这个功能补习一下。      直接上代码,以下是所有的命令,好好的复习一下,
yarn 安装进行时,显现错误 node_modules\gifsicle: Command failed. 错误详情如下解决办法:在 package.json 文件中 配置忽略该错误"resolutions": { "//": "Used to install imagemin dependencies, because imagemi
转载 2023-05-23 16:00:03
357阅读
在工作中有用到gulp,webpack,使用他们需用依赖node的一些模块包,于是会在目录下生成一个node_modules文件夹。有一次想删掉它重新生成模块包的时候发现根本不太可能,无穷无尽的报一个错:路径太长(太深),无法删除,使用命令行rd、del均尝试无效(此问题win10系统下已不会出现,小伙伴们赶紧更新系统吧)。一开始我只能通过另起文件夹的做法来重新启用新项目,发现僵尸文件越来越多,几
转载 2024-03-18 09:22:41
522阅读
1.1 项目目录介绍目录/文件说明详解build项目构建(webpack)相关代码详解config配置目录,包括端口号等详解node_modulesnpm 加载的项目依赖模块详解src这里是我们要开发的目录,基本上要做的事情都在这个目录里。里面包含了几个目录及文件: ♞ assets:放置一些图片,如 logo  ♞ components:放置一些组件 ♞ views:页面(视图)组件 ♞ rou
转载 2024-07-22 09:55:38
238阅读
前言有时候使用npm上的包,发现有bug,我们知道如何修改,但是别人可能一时半会没法更新,或者是我们特殊需求,别人不愿意修改,这时候我们只能自己动手丰衣足食。那么我们应该如何修改别人的源码呢?首先,直接修改node_modules里面的文件是不太行的,重新安装依赖就没有了。一般常用办法有两个:下载别人代码到本地,放在src目录,修改后手动引入。fork别人的代码到自己仓库,修改后,从自己仓库安装这
转载 2024-03-17 14:29:14
213阅读
Vue CLI的安装在安装脚手架前,要先确认有node环境,确保node版本在10以上(vue官方文档说的,可以看往下的截图)如果还没安装的小伙伴直接去node官网下载就好,步骤很简单,看菜鸟的安装步骤,不同类型的电脑都有介绍,一般直接默认选择第一个就可以,如果不会配置环境变量的小伙伴可以选择自动配置:Add to PATH,但是可能会在后续产生一些错误,所以不推荐,还是建议自己去配置环境!!!!
转载 2024-06-29 17:30:26
220阅读
Windows下的Nodejs npm路径是appdata,很不爽,想改回来,但是在cmd下执行以下命令也无效npm config set cache "E:\软件安装\nodejs\node_cache"npm config set prefix "E:\软件安装\nodejs\node_global"最后在nodejs的安装目录中找到node_modules\npm\.npmrc文件修改如下即
目录模块化概念模块的分类加载模块模块作用域向外共享模块作用域成员module对象module.exports对象exports对象共享总结模块规范化模块npm与包查看npm版本和node版本npm安装第三方模块使用第三方模块moment包的版本包管理配置文件包的分类项目包全局包规范的包结构模块的加载机制内置模块加载机制自定义模块加载机制第三方模块加载机制目录作为模块 模块化概念自顶向下把系统划分
模块以及模块加载机制 在Node.js中,以模块为单位划分功能,通过一个完整的模块加载机制使得开发人员可以将应用程序划分为多个不同的部分。模块的使用可以提高代码重用率,提高应用程序的开发效率,而且开发人员可以根据具体的需求引入第三方模块或者自定义模块到应用程序中 先计算模块路径 如果模块在缓存里面,取出缓存 是否为内置模块,如果是返回内置模块 加载模块 输出模块的exports属性即可 //
转载 2024-05-16 00:01:31
3769阅读
  • 1
  • 2
  • 3
  • 4
  • 5