gruntjs - 您应该在生产中链接到 Bower_components 吗？

Question

我对使用 Bower 比较陌生，我不知道您是否应该在生产中链接到 Bower_components。我是否应该使用 grunt 任务将所需的文件从 Bower_components 链接或复制到单独的目录中？

我问这个问题是因为我从未见过有一个名为“bower_components”目录的网站，所以我有点害怕。所有初学者指南都只是链接到“bower_components/...”，就像 Angular 教程一样。

Answer 1

你在使用 Yeoman 吗？

根据您的 Gruntfile.js，您应该有不同的任务，其中之一是“bower-install”:此任务将读取您的index.html，找到以下评论 block

<!-- bower:js -->
<!-- endbower -->

并在其中注入(inject)您在bower.json中指定的所有依赖项。这意味着该任务将为您的所有 <script src"/bower_components/.."> block 编写。

您从未注意到带有“bower_components”引用的网站，因为您的/app 目录是您的“开发”环境，即您的源项目。从源代码中，您将创建运行“构建”任务的生产应用程序:该任务由不同的子任务组成，这些子任务产生不同的作业，其中之一是将 Bower_install 任务添加的所有脚本连接到一个 js 中文件。

然后还有另一个任务将缩小该文件，另一个任务将运行测试，另一个任务将创建您的生产站点所在的“dist”目录等等...

如果您使用 Yeoman，您已经在 Gruntfile.js 中配置了所有这些任务，只需打开它并尝试了解每个任务的作用。

乍一看可能很难理解，例如构建任务指的是 14 或 15 个子任务，我建议您注册只运行一个任务的自定义任务，看看会发生什么。

干杯