-
NPM-01-npm 是什么?
about-npm
npm 是世界上最大的软件注册中心。
各大洲的开源开发人员都使用 npm 来共享和借用包,许多组织也使用 npm 来管理私有开发。
npm 由三个不同的组件组成:
网站
命令行界面 (CLI)
登记处
使用该网站来发现包、设置配置文件和管理 npm 体验的其他方面。 例如,您可以设置组织来管理对公共...
2018-04-24 14:22:23 |
NPM
-
NPM-node.js 的包管理工具
NPM
NPM 是 node.js 的一种包管理工具。
作用:
允许用户从NPM服务器下载别人编写的第三方包到本地使用
允许用户从NPM服务器下载并安装别人编写的命令行程序到本地使用
允许用户将自己编写的包或命令行程序上传到NPM服务器供别人使用
版本
查看
$ npm -v
5.6.0
版本号说明
使用NPM...
2018-04-24 14:22:23 |
NodeJs
-
NPM-06-npm chat
chat
Q: 详细介绍一下 npm
npm(Node Package Manager,Node包管理器)是一个JavaScript编程语言的包管理器,也是Node.js的默认包管理工具。
它安装在Node.js的安装过程中,用于管理项目中的依赖关系,并且是JavaScript编程语言中使用最广泛的包管理器。
以下是npm的一些关键特性和用途:
依赖管理:npm允许...
2018-04-24 14:22:23 |
NPM
-
NodeJs-03 Debug
Debug
开启调试
Node.js
Enable Inspector
当开启 --inspect 时,Node.js 进程通过 websocket 侦听由检查器协议
定义的诊断命令,默认情况下为主机和端口127.0.0.1:9229。
每个进程也被分配一个唯一的UUID(例如:0f2c936f-b1cd-4ac9-aab3-f63b0f33d55e)。
检查器客户...
2018-04-23 23:01:32 |
NodeJs
-
WebPack-31-创建自己的 plugin
前面一些小节中,有一些相对复杂一点的构建功能,例如分离 CSS 代码文件等,都是通过 webpack 的插件来实现的,webpack 强大扩展性的基础就是它的插件机制。
当我们需要一个构建功能是 webpack 本身暂未支持的,我们便可以通过寻找合适的 webpack 插件来帮助实现需要的功能,或者我们也可以尝试自己开发一个 webpack 插件来满足项目的构建需求,这一小节会介绍如何开发...
2018-04-23 13:59:43 |
WebPack
-
WebPack-30-创建自己的 loader
在这一小节我们会来介绍如何创建一个 webpack 可用的 loader。
loader 是一个函数
先来看一个简单的例子:
"use strict";
const marked = require("marked");
const loaderUtils = require("loader-utils");
module.exports = function (markdown) ...
2018-04-23 13:59:43 |
WebPack
-
WebPack-29-探究 webpack 内部工作流程
了解 webpack 整个基础工作流程,有助于我们解决日常使用 webpack 时遇到的一些问题,也有助于我们更好地理解 webpack loader 和 plugin 的使用。
抛开复杂的 loader 和 plugin 机制,webpack 本质上就是一个 JS Module Bundler,用于将多个代码模块进行打包,所以我们先撇开 webpack 错综复杂的整体实现,来看一下一个相...
2018-04-23 13:59:43 |
WebPack
-
WebPack-28-提升 webpack 的构建速度
我们的前端项目随着时间推移和业务发展,页面可能会越来越多,或者功能和业务代码会越来越多,又或者依赖的外部类库会越来越多,这个时候原本不足为道的 webpack 构建时间消耗就会慢慢地进入我们的视野。
构建消耗的时间变长了,如果是使用 CI 服务来做构建,大部分情况下我们无须等待,其实影响不大。但是本地的 webpack 开发环境服务启动时的速度和我们日常开发工作息息相关,在一些性能不是特别...
2018-04-23 13:59:43 |
WebPack