whoru

Webpack 是一个现代 JavaScript 应用程序的静态模块打包工具。主要针对js、css、html、图片、字体文件，进行压缩、优化、合并等操作，以实现前端项目的工程化。

1. Hello Webpack

1.1. 安装

1
2
3
4
5
6
7
8
9
10
11

# 1. 初始化项目
➜  npm init -y

# 2. 安装 webpack
# --save-dev 可以用 -D 代替
➜  npm i webpack webpack-cli --save-dev

# 3. 在 package.json 中添加编译命令
  "scripts": {
    "build": "webpack"
  },

1.2. 添加源码文件

初始状态下（未进行任何配置），webpack 会查找项目到 /src/index.js 文件作为打包入口，并且输出到 /dist 目录下，所以需要先添加源码文件，才能执行打包操作。

1
2

// /src/index.js
console.log(`hello webpack`);

1.3. 执行打包

1
2
3
4
5
6
7
8
9

➜  npm run build

> webpack-demo1@1.0.0 build /Users/sunqiang/www/learning/webpack/webpack-demo1
> webpack

[webpack-cli] Compilation finished
asset main.js 29 bytes [emitted] [minimized] (name: main)
./src/index.js 29 bytes [built] [code generated]
webpack 5.3.2 compiled successfully in 315 ms

本书通过大量案例，揭示了我们的习惯是如何形成的，刻画了一张图「习惯回路」，它包含提示、惯常行为、奖励三个主要部分。结合这张图，通过认真分析并找到我们内心深处真正的需求，借助惯常行为的改变，就能达到改变旧习惯的目的。

无意间在网上找到了下面这张图片，它非常好的诠释了本书的主旨：

1. 创建自定义页面

1

➜  cd hexo_root_path && hexo new page 404

2. 修改 404 文件

打开 source/404/index.md，添加如下内容：

awk 是一个文本处理工具，通常用于处理数据并生成结果报告。其命名源于三位创始人姓氏首字母：Alfred Aho、Peter Weinberger、Brian Kernighan。

语法：

• awk [options] 'BEGIN{} pattern {commands} END{}' file
• stdout | awk [options] 'BEGIN{} pattern {commands} END{}'

说明：

• options 选项
• BEGIN{} 正式处理数据之前执行
• pattern 匹配模式
• {commands;...} 处理命令，可能多行
• END{} 处理完所有匹配数据后执行