• 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
• WebPack-27-优化前端资源加载 3 - 进一步控制 JS 大小
  前面已经介绍了一些优化资源加载的方法，这一小节是这个主题的最后一部分，内容更为深入，主要介绍如何把我们的 JS 代码文件变得更小。 按需加载模块 前面讲述了如何把大的代码文件进行拆分，抽离出多个页面共享的部分，但是当你的 Web 应用是单个页面，并且极其复杂的时候，你会发现有一些代码并不是每一个用户都需要用到的。 你可能希望将这一部分代码抽离出去，仅当用户真正需要用到时才加载，这个时候...
  2018-04-23 13:59:43 | WebPack