1

我目前正在使用 node/npm 和 grunt 开发一个网络应用程序。我是 web 开发的新手，来自 java 开发。这就是我的原型结构的样子：

prototype
|--app
   |--index.html
   |--index.js
|--dist
   |--index.html
   |--index.js
|--lib (currently empty)
|--Gruntfile.js
|--package.json

我计划使用以下结构进行开发：我的代码将通过使用lib文件夹中的 npm 模块进行模块化。这些将包含在index.js. 文件夹中的index.htmland文件将使用and为浏览器构建；结果将被放入文件夹中。我还计划使用引导程序。index.jsappgrunt-browserifygrunt-contrib-copydist

在 bootstrap 启动指南中，写有 ( source )，grunt dist将重新生成dist包含 bootstrap 的文件夹。

我的第一个问题是：这是怎么发生的？我猜你必须将引导文件夹放在某个地方。还是我需要安装一些引导相关的包？简而言之：grunt 如何“了解”引导程序？

我的第二个问题是：如何将这个过程包含在我的 gruntfile 中？现在我的 gruntfile 使用 browserify 来浏览 index.js 和 copy 来复制 index.html。那些是在目标上注册的（这是正确的术语吗？）default：。grunt.registerTask('default', ['browserify', 'copy', ]);我想通过添加发生在.grunt dist

任何帮助深表感谢！

4

1 回答 1

1

您所指的目标是在bootstraps构建环境中。你可以下载这个 他们所指npm install bootstrap@3的grunt dist目标也包含在下载的 node_modules\bootstrap\Gruntfile.js 中，用于编译引导程序本身以进行分发。

 grunt.registerTask('dist', ['clean:dist', 'dist-css', 'copy:fonts', 'dist-js']);

dist 目标使用了几个 grunt 模块，比如你grunt-contrib-htmlmin的grunt-contrib-cssmin设置中可能并不需要所有模块。我建议查看这个文件以及每个调用的目标和模块，以获取有关如何进行的更多指导。

如果你只想在你的项目中使用引导程序，你可以在这里下载已经编译和缩小的库，然后将它们添加到你的项目中。

于 2016-12-06T16:52:25.470 回答