个人简介

Echo Blog


江湖无名 安心练剑
  • WebPack-06-plugin 插件
    plugin 插件是 webpack 的 支柱 功能。webpack 自身也是构建于你在 webpack 配置中用到的相同的插件系统之上! 插件目的在于解决 loader 无法实现的其他事。 Tip 如果在插件中使用了 webpack-sources 的 package,请使用 require(‘webpack’).sources 替代 require(‘webpack-so...
    2018-04-23 13:59:43 | WebPack
  • WebPack-05-loader
    loader loader 用于对模块的源代码进行转换。 loader 可以使你在 import 或 “load(加载)” 模块时预处理文件。 因此,loader 类似于其他构建工具中“任务(task)”,并提供了处理前端构建步骤的得力方式。 loader 可以将文件从不同的语言(如 TypeScript)转换为 JavaScript 或将内联图像转换为 data URL。loade...
    2018-04-23 13:59:43 | WebPack
  • WebPack-04-输出(output)
    输出(output) 可以通过配置 output 选项,告知 webpack 如何向硬盘写入编译文件。 注意,即使可以存在多个 entry 起点,但只能指定一个 output 配置。 用法 在 webpack 配置中,output 属性的最低要求是,将它的值设置为一个对象,然后为将输出文件的文件名配置为一个 output.filename: webpack.config.js...
    2018-04-23 13:59:43 | WebPack
  • WebPack-03-入口起点(entry points)
    入口起点(entry points) 正如我们在 起步 中提到的,在 webpack 配置中有多种方式定义 entry 属性。 除了解释为什么它可能非常有用,我们还将向你展示如何去配置 entry 属性。 单个入口(简写)语法 用法:entry: string | [string] webpack.config.js module.exports = { entry:...
    2018-04-23 13:59:43 | WebPack
  • WebPack-02-什么是 webpack 及基本概念
    概念 本质上,webpack 是一个用于现代 JavaScript 应用程序的 静态模块打包工具。 当 webpack 处理应用程序时,它会在内部从一个或多个入口点构建一个 依赖图(dependency graph),然后将你项目中所需的每一个模块组合成一个或多个 bundles,它们均为静态资源,用于展示你的内容。 从 v4.0.0 开始,webpack 可以不用再引入一个配置文件来...
    2018-04-23 13:59:43 | WebPack
  • WebPack-01-Quick Start
    WebPack Webpack 是一个用于现代 JavaScript 应用程序的 静态模块打包工具。 当 webpack 处理应用程序时,它会在内部从一个或多个入口点构建一个依赖图(dependency graph),然后将你项目中所需的每一个模块组合成一个或多个 bundles,它们均为静态资源,用于展示你的内容。 教程 webpack-4 https://github.com...
    2018-04-23 13:59:43 | WebPack
  • NodeJs-02 First Server
    简单的服务 server.js 内容如下: const http = require('http'); const hostname = '127.0.0.1'; const port = 3000; const server = http.createServer((req, res) => { res.statusCode = 200; res.setHeader...
    2018-04-23 13:08:50 | NodeJs
  • NodeJs-01 Hello nodejs install windows11 npm/cnpm install
    NodeJs Node.js® is a JavaScript runtime built on Chrome’s V8 JavaScript engine. Node.js uses an event-driven, non-blocking I/O model that makes it lightweight and efficient. Node.js’ package eco...
    2018-04-23 01:19:44 | NodeJs