Gruntjs yeoman创建的应用程序由grunt和根路径提供服务

当您从自己创建的应用程序运行

grunt-service

时，节点web服务器将启动并按预期显示应用程序

当您从服务器查看生成的源代码时，它引用

bower_components/bootstrap/js/######

，

scripts/main.js

等等，但是在index.html和scripts/main.js所在的“app”文件夹中，没有bower_组件

我注意到，当您运行

grunt

时，dist文件夹中生成的应用程序确实包含bower_组件和所有必需的文件，因此它可以从任何web服务器运行

---

所以问题是，当您运行

grunt-service

时，grunt如何映射所有文件和文件夹？这是在哪里配置的？

在

Gruntfile.js

中有一个名为

connect

的部分，它管理各种服务器配置，包括livereload、test和dist。每个连接都有一个中间件部分，其中bower\u组件映射到文档根目录中

利弗雷罗德：{
选项：{
开放：是的，
中间件：功能（连接）{
返回[
connect.static（'.tmp'），
连接（）。使用(
“/bower_组件”，
连接.静态（“./bower_组件”）
)，

connect.static（appConfig.app）
]；

}

}

},