咕噜咕噜的斯莫舍什么都不做
Grunt Smoosher doesn't do anything
本文关键字:什么 更新时间:2023-09-26
我是Grunt的新手。在这个Gruntfile中使用smoosher,我正在尝试在我的HTML中插入所有CSS和Javascript资源:
module.exports = function ( grunt ) {
grunt.initConfig({
smoosher: {
files: {
'page1-dist.html': 'page1.html'
}
}
});
grunt.loadNpmTasks( 'grunt-html-smoosher' );
grunt.registerTask( 'default', [ 'smoosher' ] );
};
但它什么也没做。它不会生成任何page1-dist.html
文件。这是我在运行grunt
时得到的唯一输出:
Running "smoosher:files" (smoosher) task
Done, without errors.
知道出了什么问题吗?
问题是grunt-html-smoosher
就是Grunt中所谓的multitask
。基本上,这意味着您需要将设置包装在目标中,即使您只指定一组选项。查看了此插件的源代码后,它在底部记录了一个文件已创建,因此它只是配置不正确(因为您没有获得预期的输出)。因此,您的 Gruntfile 应如下所示:
module.exports = function ( grunt ) {
grunt.initConfig({
smoosher: {
dist: {
files: {
'page1-dist.html': 'page1.html'
}
}
}
});
grunt.loadNpmTasks( 'grunt-html-smoosher' );
grunt.registerTask( 'default', [ 'smoosher' ] );
};
如果您愿意,可以用其他内容替换dist
。
许多 Grunt 任务都遵循这种模式,如果您在特定插件中根据您想要影响的文件有不同的选项,这很有用,但如果插件的行为方式不符合您的预期,您应该记住这一点。始终确保阅读 Grunt 插件的文档,稍后您会感谢自己。:-)
相关文章:
- 这是什么 ==- javascript 运算符
- 我的单元测试选项是什么
- 全局变量和全局对象的属性之间有什么区别吗
- 打破承诺链的好方法是什么
- 在AngularJS应用程序中使用封装指令和路由的推荐方式是什么
- Javascript中的空白是什么
- 是什么让一个“;Uncaught RangeError:超过了最大调用堆栈大小“;错误(Chrome,在其他浏览器中显示
- 在ember/handlers中使用value和valueBinding有什么区别
- 什么'在webpack外部设置中,reactDom和reactDom不同
- 在JavaScript中拆分日期字符串的更好方法是什么
- 为什么$.brower被弃用?还有什么更好的替代方案
- 什么是&&在没有if的行中的变量之间
- 将jQuery.ech()方法转换为本地JavaScript抽象的最佳方法是什么
- 处理浮点错误的最佳方法是什么
- DOM元素和angular元素之间的主要区别是什么
- javascript导入的最佳实践是什么
- 这两个关于 JavaScript 作用域链的例子有什么区别?
- 什么's本地node.js服务器和python简单http服务器之间的区别
- 基于窗口宽度jquery的函数的替代方法是什么
- 什么'是在asp.net MVC中将本地化的resources.resx文件转换为javascript文件的有效