Grunt缩小并引用.min文件
Grunt to minify and reference .min files
我需要:
- 将
index.html
复制到index.uncompressed.html
- 将
index.html
中的一些引用从.js
更改为.min.js
(即my_jsfile.js
更改为my_jsfile.min.js
)3) 最小化index.html
我正在使用Grunt。
- 3号没问题
- 我想数字1会很容易
- 对于第2个,我计划使用某种Grunt编辑插件,并将
<!-- Start Here -->
和<!-- End here -->
之间的所有.js
文件引用从my_jsfile.js
更改为my_jsfile.min.js
这种事情就是这样做的吗?
在这种情况下,我使用的资源是grunt processhtml,它将执行您想要的操作。看看我的一个repo,稳定的骨干样板,我用它来做你所描述的事情。
特别是,我发现这是一个有用的例子:
<!-- build:[src] js/source.min.js -->
<script data-main="js/main" src="js/vendor/require.js"></script>
<!-- /build -->
因此,在开发过程中,我们使用requirejs脚本来加载所有依赖项。在我们的生产index.html
文件中,我们正在加载源js文件,该文件已被grunt-requirejs
模块缩小。
相关文章:
- 捆绑器不包括 .min 文件
- 使用 Grunt 创建 app.min.js 文件
- .NET MVC Bundler 总是缩小我的“abc.min.js”文件
- ng-文件上传验证(ngf-[max|min]-[height|width] 或 ngf 尺寸)似乎没有生效
- Grunt缩小并引用.min文件
- 尝试包含angular.min.js文件时出现404错误
- 自动化-CSS&JS min和合并文件
- 我在哪里可以得到这个文件jquery.min.js
- YUI压缩器将所有javascript文件压缩到'min.js'
- 我如何在min.js文件之前添加一些随机数,使用grunt或gulp
- Gulp不会输出js的min文件
- 如何在gulp任务中只排除.min.js文件,同时保持在同一目录中
- bootstrap.min.css文件不支持
- javascript文件排除*.min.js文件
- 将jquery-1.9.1.min.js和query.mobile-1.3.0.min.js合并到一个文件中会出现错误
- 如何在gulp中处理*.js和*.min.js文件
- 使用特定的剑道图表库文件,而不是kendo.all.min.js
- 在HTML5本地存储中缓存整个jquery.min.js文件
- 如何更改属于jquery.flexslider-min.js文件的jquery-flexslider的高度
- 我可以将html5shiv.js和respond.min.js合并到一个文件中吗?