gruntfile

Question

我目前正在使用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.html和index.js为浏览器构建app文件夹中的grunt-browserify和grunt-contrib-copy个文件。结果将被放入dist文件夹中。我还计划使用bootstrap。

在bootstrap start-guide中，写有（source），grunt dist将重新生成包含bootstrap的dist文件夹。

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

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

非常感谢任何帮助！

Answer 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，但在您的设置中可能并不需要。 我建议看看这个文件，并调用每个目标和模块，以获得更多关于如何继续的指导。

如果您只想在项目中使用bootstrap，可以下载已经编译和缩小的库here，然后将它们添加到您的项目中。