使用RequireJS配置Bower安装的pdfmake：最佳实践与自动映射咨询

我来一步步帮你梳理这些问题：

1. 如何正确在RequireJS中映射pdfmake #

首先，确认Bower安装后pdfmake的文件结构，通常路径是bower_components/pdfmake/，其中核心文件是build/pdfmake.min.js，还有必须的字体文件模块build/vfs_fonts.js（pdfmake依赖它加载内置字体）。

你需要在RequireJS配置中设置paths来指定模块路径，同时如果pdfmake不是AMD兼容模块（部分旧版本可能需要），还要用shim来暴露全局变量：

requirejs.config({
  // 根据你的项目结构调整baseUrl
  baseUrl: 'src/js',
  paths: {
    // 映射pdfmake核心模块
    'pdfmake': '../../bower_components/pdfmake/build/pdfmake.min',
    // 映射字体文件模块
    'vfs_fonts': '../../bower_components/pdfmake/build/vfs_fonts'
  },
  shim: {
    // 暴露全局的pdfMake变量
    'pdfmake': {
      exports: 'pdfMake'
    },
    // vfs_fonts依赖pdfmake，确保先加载pdfmake
    'vfs_fonts': {
      deps: ['pdfmake']
    }
  }
});

之后你就可以在模块中这样引入使用：

define(['pdfmake', 'vfs_fonts'], function(pdfMake) {
  // 使用pdfMake创建PDF
  const docDefinition = { content: 'Hello World' };
  pdfMake.createPdf(docDefinition).open();
});

2. 当前配置是否正确？ #

由于你没贴出当前的配置代码，我没法直接判断对错，但可以给你几个检查点：

• 确认paths中的路径和你的项目目录结构匹配，比如baseUrl加上pdfmake的路径是否能正确指向pdfmake.min.js
• 有没有包含vfs_fonts的映射？缺少它会导致字体加载失败
• 如果pdfmake版本本身支持AMD，shim可以省略，但如果出现pdfMake未定义的错误，说明需要通过shim暴露全局变量

3. GitHub示例未配置RequireJS是否可行？ #

完全可行！那些示例是采用传统的<script>标签直接加载库的方式，这种方式会把pdfMake挂载到全局window对象上，不需要RequireJS的模块化管理。但如果你的项目已经基于RequireJS构建，还是建议用模块化方式引入，这样能更好地管理依赖顺序，避免全局变量冲突。

4. 自动映射Bower安装库的方法 #

有个专门的工具bower-requirejs可以帮你自动生成RequireJS的路径配置，它会读取每个Bower库的bower.json中的main字段，自动把模块路径添加到你的RequireJS配置文件中：

步骤： #

1. 全局安装工具：

npm install -g bower-requirejs

2. 运行命令生成配置（替换成你的RequireJS配置文件路径和baseUrl）：

bower-requirejs --config path/to/your/require.config.js --baseUrl src/js

运行后，你的require.config.js会自动新增pdfmake（以及其他Bower安装的库）的paths配置，非常方便。

另外，你也可以手动查看每个库的bower.json的main字段，比如pdfmake的bower.json中main字段值是build/pdfmake.min.js，这就是你需要在paths中映射的文件路径。

内容的提问来源于stack exchange，提问作者Developer