当人们从他们的 yeoman 创建的应用程序中运行 grunt serve 时，节点 Web 服务器会启动并按预期显示应用程序。
当您从服务器查看生成的源代码时，它引用
bower_components/bootstrap/js/####、scripts/main.js 等等，但是查看 index.html 和 scripts/main.js 所在的“app”文件夹，那里没有 bower_components。
我注意到当您运行 grunt 时，在 dist 文件夹中生成的应用程序确实包含 bower_components 和所有必需的文件，因此它可以从任何 Web 服务器运行。
所以问题是，当您运行grunt serve 时，grunt 如何映射所有文件和文件夹？这是在哪里配置的？
【问题讨论】：
在Gruntfile.js 中有一个名为connect 的部分，它管理各种服务器配置，包括livereload、test 和dist。这些连接中的每一个都有一个中间件部分，其中 bower_components 映射到文档根目录。
livereload: {
options: {
open: true,
middleware: function (connect) {
return [
connect.static('.tmp'),
connect().use(
'/bower_components',
connect.static('./bower_components')
),
connect.static(appConfig.app)
];
}
}
},
【讨论】：