webpack-manifest-plugin 使用教程

1. 项目的目录结构及介绍

webpack-manifest-plugin/
├── LICENSE
├── README.md
├── lib/
│   ├── index.js
│   ├── plugin.js
│   └── utils.js
├── package.json
└── test/
    ├── fixtures/
    │   ├── basic/
    │   ├── entrypoints/
    │   ├── exclude/
    │   ├── generate/
    │   ├── merge/
    │   ├── publicPath/
    │   ├── removeExtensions/
    │   └── seed/
    ├── index.js
    └── mocha.opts

• LICENSE: 项目的许可证文件。
• README.md: 项目的说明文档。
• lib/: 包含项目的主要代码文件。
  • index.js: 项目的入口文件。
  • plugin.js: 插件的核心实现。
  • utils.js: 工具函数。
• package.json: 项目的依赖和脚本配置。
• test/: 包含项目的测试文件。
  • fixtures/: 测试用例的静态资源。
  • index.js: 测试入口文件。
  • mocha.opts: Mocha 测试框架的配置文件。

2. 项目的启动文件介绍

项目的启动文件是 lib/index.js，它导出了插件的主要功能：

'use strict';

module.exports = require('./plugin');

这个文件简单地导入了 plugin.js 文件，并将其作为模块导出。

3. 项目的配置文件介绍

项目的配置文件主要是 package.json，它包含了项目的依赖、脚本和其他元数据：

{
  "name": "webpack-manifest-plugin",
  "version": "2.2.0",
  "description": "webpack plugin for generating asset manifests",
  "main": "lib/index.js",
  "scripts": {
    "test": "mocha --opts test/mocha.opts"
  },
  "repository": {
    "type": "git",
    "url": "https://github.com/danethurber/webpack-manifest-plugin.git"
  },
  "keywords": [
    "webpack",
    "plugin",
    "manifest"
  ],
  "author": "Dane Thurber <[e-mail]>",
  "license": "MIT",
  "bugs": {
    "url": "https://github.com/danethurber/webpack-manifest-plugin/issues"
  },
  "homepage": "https://github.com/danethurber/webpack-manifest-plugin",
  "dependencies": {
    "fs-extra": "^7.0.1",
    "lodash": "^4.17.11",
    "object.entries": "^1.1.0",
    "schema-utils": "^1.0.0"
  },
  "devDependencies": {
    "chai": "^4.2.0",
    "mocha": "^5.2.0",
    "rimraf": "^2.6.3",
    "webpack": "^4.29.0"
  }
}

• name: 项目名称。
• version: 项目版本。
• description: 项目描述。
• main: 项目的入口文件。
• scripts: 项目的脚本命令，如测试命令 npm test。
• repository: 项目的仓库地址。
• keywords: 项目的关键词。
• author: 项目作者。
• license: 项目许可证。
• bugs: 项目问题追踪地址。
• homepage: 项目主页。
• dependencies: 项目运行时的依赖。
• devDependencies: 项目开发时的依赖。