gpt4 book ai didi

javascript - Yeoman/Grunt 和 Grunticon 工作流程

转载 作者:行者123 更新时间:2023-11-28 07:56:58 28 4
gpt4 key购买 nike

我已经开始与 Yeoman 合作。我已经在使用 GruntIcon 了。我正在尝试结合工作流程,但只能想到一个非常复杂的解决方案。

问题是这样的:我已经设置了 Grunticon,以便它只将构建任务中的 svg 文件转换到 dist 文件夹。但是,我还想在“app”或“dev”环境中使用我的 svg 文件。

我只能想到一个办法:- 为 Grunticon 制作一个单独的工作流程,并手动将其放入我的应用程序文件夹中,然后将其复制到我的构建任务中。

有人拥有流畅的 grunticon 工作流程吗?

最佳答案

我的“yo-webapp + grunticon”工作流程如下所示:

grunt serve

Gruntfile.js

svgmin: {
dist: {
...
},
server: {
files: [{
expand: true,
cwd: '<%= config.app %>/images/svgs',
src: '{,*/}*.svg',
dest: '<%= config.app %>/images/svg-src'
}]
}
},

grunticon: {
dist: {
...
},
server: {
files: [{
expand: true,
cwd: '<%= config.app %>/images/svg-src',
src: '{,*/}*.svg',
dest: '<%= config.app %>/images/svg-dist'
}],

}
},

grunt.registerTask('serve',.... 中,您必须添加 grunticon:server:

grunt.task.run([
'clean:server',
'wiredep',
'concurrent:server',
'autoprefixer',
'grunticon:server',
'connect:livereload',
'watch'
]);

可选,您可以将“grunticon”添加到“watch”任务,如下所示:

  grunticon: {
files: ['<%= config.app %>/images/svgs/*.svg'],
tasks: ['svgmin:server', 'grunticon:server']
},

关于javascript - Yeoman/Grunt 和 Grunticon 工作流程,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/25980271/

28 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com