NPM Package 学习，一个符合CommonJs规范的包，都可以成为一个Npm Package。一，创建一个包创建一个文件夹：good-helloworld添加如下文件：index.jsexports.helloWorld = function () { return "Hell World!"; } exports.你好世界 = function () { return "你好世界！"; } package.json{ "name": "good-helloworld", "version": "0.0.1", "private": false

Scoped Packages 范围包假如我们有一个项目需要使用 npm init 进行初始化，但是在 npm 注册的包名是唯一的，好名字都被别人起了，怎么办呢？之前很多人都是使用类似 koa-router、vue-cli 中线的方式。今天发现 koa-router v10，变成了 @koa/router。这种形式叫做 Scoped Packages 范围包。@somescope/somepackagename每个npm用户可以有自己的 somescope使用的时候大概如下：var router = require("@koa/router"); 参考https://nitayneeman.

安装包的时候提示如下：gyp WARN EACCES user "nobody" does not have permission to access the dev dir 或者gyp WARN EACCES user "root" does not have permission to access the dev dir 解决方法：npm install xxxx -g --unsafe-perm 有时候可以先执行：npm cache clean --force 参考：https://javascript.net.cn/article?id=657

安装npm install -g browser-sync 监控静态网站如果您想要监听.css文件, 您需要使用服务器模式。 BrowserSync 将启动一个小型服务器，并提供一个URL来查看您的网站。// --files 路径是相对于运行该命令的项目（目录） browser-sync start --server --files "css/*.css" // 监听css和html文件 browser-sync start --server --files "css/*.css, *.html" //或者 browser-sync start --server --file

安装 node-sasssudo npm i -g node-sassnode-sass 安装失败：gyp ERR! stack Error: EACCES: permission denied, mkdir '.../node-sass/build'或gyp ERR! configure error gyp ERR! stack Error: EACCES: permission denied, mkdir '/usr/local/lib/node_modules/node-sass/.node-gyp'gyp ERR! System Darwin 18.7.0使用 --unsafe-per

npm v5.2.0引入的一条命令（npx），引入这个命令的目的是为了提升开发者使用包内提供的命令行工具的体验。 举例：使用create-react-app创建一个react项目。 老方法： npm install -g create-react-app create-react-app my-app npx方式： npx create-react-app my-app 这条命令会临时安装 create-react-app 包，命令完成后create-react-app 会删掉，不会出现在 global 中。下次再执行，还是会重新临时安装。 npx 会帮你执行依赖包里的二进

将图片文件转换为base64编码并载入浏览器能够减少http请求数，但是增大了js或html文件的体积，如果图片在项目中的重用度较高，那么每处引用都会生成base64编码，造成了代码的冗余。通过http请求载入到浏览器的文件可以缓存到本地，当图片在项目中的重用度较高时，会为图片的访问增加缓存的便利性，下次访问更快。因此要平衡考虑。 Install npm install --save-dev url-loader Usage url loader与file loader的工作方式相似，但如果文件的体积比byte limit小，就能返回Data Url。 需要用一个查询参数（qu

模块检查更新 生成工程后，一段时间很多模块都有更新，如何把工程中的模块都更新到最新的呢。 npm update一次只能更新一个包 首先我们先通过命令查看下需要更新的版本： npm outdated npm outdated 会列出所有可更新的 node_modules，如下： Package Current Wanted Latest Location autoprefixer 6.7.2 6.7.2 7.1.2 vue-test ba

前段时间升级了Node.js，现在执行`npm install`的时候，就会在当前目录生成一个`package-lock.json`的文件。 package.json里面定义的是版本范围（比如^1.0.0），具体跑npm install的时候安的什么版本，要解析后才能决定，这里面定义的依赖关系树，可以称之为逻辑树（logical tree）。node_modules文件夹下才是npm实际安装的确定版本的东西，这里面的文件夹结构我们可以称之为物理树（physical tree）。安装过程中有一些去重算法，所以你会发现逻辑树结构和物理树结构不完全一样。 packag

Having the same issue on npm 5.4.2. Initially I tried npm cache clear --force but it did not resolve my issue. Removing package-lock.json didn't either. Removing both node_modules and package-lock.json worked: rm -rf node_modules/ rm package-lock.json # Install and add the package

看字面意思大概是package.json里缺少repository字段，也就是说缺少项目的仓库字段 { ... "repository": { "type": "git", "url": "http://baidu.com" }, ... } 但作为测试项目或者练习用，只需在package.json里面做如下配置即可: { ... "private": true, ... } 以这种方式把项目声明为私有。

本文作者对比了当前主流的包管理工具npm、yarn、pnpm之间的区别，并提出了合适的使用建议，以下为译文： NPM npm是Node.js能够如此成功的主要原因之一。npm团队做了很多的工作，以确保npm保持向后兼容，并在不同的环境中保持一致。 npm是围绕着语义版本控制（semver）的思想而设计的，下面是从他们的网站摘抄过来的： 给定一个版本号：主版本号.次版本号.补丁版本号， 以下这三种情况需要增加相应的版本号: 主版本号： 当API发生改变，并与之前的版本不兼容的时候 次版本号： 当增加了功能，但是向后兼容的时候 补丁版本号： 当做了向后兼容的缺陷修

nodejs的出现，可以算是前端里程碑式的一个事件，它让前端攻城狮们摆脱了浏览器的束缚，踏上了一个更加宽广的舞台。前端的可能性，从此更加具有想象空间。 随着一系列基于nodes的应用/工具的出现，工作中与nodejs打交道的机会越来越多。无论在node应用的开发，还是使用中，包管理都扮演着一个很重要的作用。NPM（node package manager），作为node的包管理工具，极大地便利了我们的开发工作，很有必要了解一下。 NPM是什么 NPM（node package manager），通常称为node包管理器。顾名思义，它的主要功能就是管理node包，包括

npm是一个node包管理和分发工具，已经成为了非官方的发布node模块（包）的标准。有了npm，可以很快的找到特定服务要使用的包，进行下载、安装以及管理已经安装的包。1、npm install moduleNames：安装Node模块安装完毕后会产生一个node_modules目录，其目录下就是安装的各个node模块。npm install express  默认会安装express的最新版本，也可以通过在后面加版本号的方式安装指定版本，如npm install express@3.0.6 npm install -g  将包安装到全局环境中但是代码中，直接通过require()的方

镜像使用方法（三种办法任意一种都能解决问题，建议使用第三种，将配置写死，下次用的时候配置还在）: 1.通过config命令 npm config set registry https://registry.npm.taobao.org npm info underscore （如果上面配置正确这个命令会有字符串response） 2.命令行指定 npm --registry https://registry.npm.taobao.org info underscore 3.编辑 ~/.npmrc 加入下面内容 registry = https://registry.np