当从自己创建的应用程序运行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如何映射所有文件和文件夹?这个配置在哪里?
答案 0 :(得分:1)
在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)
];
}
}
},