Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/joomla/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Gruntjs 如何使用Grunt仅包含UI引导的特定部分_Gruntjs_Angular Ui Bootstrap_Bower - Fatal编程技术网

Gruntjs 如何使用Grunt仅包含UI引导的特定部分

Gruntjs 如何使用Grunt仅包含UI引导的特定部分,gruntjs,angular-ui-bootstrap,bower,Gruntjs,Angular Ui Bootstrap,Bower,我正在使用的手风琴,工具提示和过渡组件的 我可以在UI Bootstrap网站上查看,该网站将创建一个仅包含我选择的组件的缩小和非缩小JS文件,而不会产生开销 然而,我不想使用在线工具来编译我的自定义版本的UI引导,相反,我想在本地编译我自己的版本,最好使用我已经使用的工具;鲍尔、格伦特和NPM 所以我的问题是:如何在本地创建自己的UI引导版本 bower安装angular ui引导程序,然后在bower\u components/angular ui引导程序中调用Grunt build,创建

我正在使用的手风琴,工具提示和过渡组件的

我可以在UI Bootstrap网站上查看,该网站将创建一个仅包含我选择的组件的缩小和非缩小JS文件,而不会产生开销

然而,我不想使用在线工具来编译我的自定义版本的UI引导,相反,我想在本地编译我自己的版本,最好使用我已经使用的工具;鲍尔、格伦特和NPM

所以我的问题是:如何在本地创建自己的UI引导版本



bower安装angular ui引导程序
,然后在
bower\u components/angular ui引导程序
中调用
Grunt build
,创建一个包含所有模块的ui引导程序构建,可能有一种方法可以对模块的一个子集执行相同的操作,但我无法解决这个问题。

这并不像我预期的那么简单(应该如此)

看看这个项目的主要功能。你会发现它们做了很多工作。将HTML和CSS转换为JS,以其他人可以加载的方式浓缩所有脚本。此外,该文件很难定位;它甚至包括自定义任务

为了模仿它的行为,我建议这样做:像平常一样通过Bower下载它。将它的节点依赖项复制到你的
包.json
依赖项中。然后复制
grunfile.js
,更改路由,并尝试删除部分代码,直到你达到一个不中断就无法删除更多行的点。这不是一个n不管怎样,它都应该是成功的


如果你有很多时间,构建脚本是进行深度重构的一个很好的候选者。将自定义任务移动到独立文件(或项目),记录流程,并可能实现某些步骤的标准任务(例如CSS缩小)。

可以使用以下命令完成

grunt build:moduleName1:moduleName2:moduleName3....:moduleNameN
例如,如果您要求构建只包含选项卡按钮模块,那么grunt命令如下

grunt build:tabs:buttons
生成的文件将显示在
dist
文件夹中

有关模块名称列表,请检查
src
文件夹中的所有文件夹名称


这方面的文档很少,但是如果你检查一下,他们在哪里注册了构建任务,他们提到了如何有选择地构建模块

谢谢你的回复!在发布我的问题之前,我注意到了巨大而凌乱的Gruntfile,但找不到任何明显的方法来使用它创建我自己的构建。我正在寻找或者是一个更详细的指南。我会在我的问题中添加一个奖励来激励你。如果你感兴趣的话,我会添加一个奖励。