我正在将开发团队从Chirpy转移到视觉工作室的附加组件,用于组合和缩小CSS/JS文件,作为工作流程自动化过程的一部分.
在chirpy中,配置看起来像这样(为简洁而截断):
<FileGroup Name="scripts.combined.js" Minify="both">
<File Path="forms.js" Minify="false" />
<File Path="cookie_monster.js" Minify="true" />
...
</FileGroup>
Run Code Online (Sandbox Code Playgroud)
所以在这个删节的情况下,我有2个文件.一个需要缩小,另一个不需要.(根据这里的人,缩小forms.js打破功能,我还没有分配时间来修复它).
在grunt,我需要对此列表中的某些文件运行缩小任务,但不在其他文件上运行.然后我需要concat对所有文件(缩小或其他)运行任务.
鉴于uglifyJS需要一个dest集合来输出缩小的文件,我只需将其设置为类似的东西temp.min.js,在我的concat任务中,使用此文件来构建我的scripts.combined.js文件[由缩小和未缩小的文件组成],并使用grunt clean来删除该temp.min.js文件?
有一个更好的方法吗?
[编辑补充]我也担心潜在的加载顺序冲突.当前工具配置为"组合所有这些文件",每个文件上都有一个标志,指示是否应缩小它.我不确定如何使用grunt复制此工作流程
我正在构建一个需要很少前端库/框架的应用程序,例如:
我正在使用bower下载组件.此时我的HTML看起来像:
<script src="components/jquery/jquery.js"></script>
<script src="components/angular/angular.js"></script>
<script src="components/etc/etc.js"></script>
Run Code Online (Sandbox Code Playgroud)
我的目标是创建一个grunt脚本,自动获取已安装的组件,连接并缩小它们并将其输出为lib.js.
问题:
通过我的所有研究,我弄清楚如何从目录中连接所有文件.我的目标是获取bower组件并连接它们,而不是在gruntfile中逐一列出它们.我怎么能成功呢?
是否可以使用我想要的模块而不是整个UI来制作自定义jQuery UI构建.
谢谢.