Deployment 为什么约曼建筑没有图标?

Deployment 为什么约曼建筑没有图标?,deployment,fonts,gruntjs,yeoman,Deployment,Fonts,Gruntjs,Yeoman,我正在开发一个webapp生成器,在运行grunt之后,我得到了一个能够正确显示字体的功能性应用程序。但是,当我签入dist/目录时,我没有得到任何字体文件 文档说明grunt命令为部署构建应用程序,但是dist/目录不是自治的 GrunFile.js配置文件 我的copy:dist任务如下: dist: { files: [{ expand: true, dot: true, cwd: '<%= yeoman.app %>',

我正在开发一个
webapp
生成器,在运行
grunt
之后,我得到了一个能够正确显示字体的功能性应用程序。但是,当我签入
dist/
目录时,我没有得到任何字体文件

文档说明
grunt
命令
为部署构建应用程序
,但是
dist/
目录不是自治的

GrunFile.js配置文件 我的
copy:dist
任务如下:

dist: {
    files: [{
        expand: true,
        dot: true,
        cwd: '<%= yeoman.app %>',
        dest: '<%= yeoman.dist %>',
        src: [
            '*.{ico,png,txt}',
            '.htaccess',
            'images/{,*/}*.{webp,gif}',
            'styles/fonts/{,*/}*.*'
        ]
    }]
},
问题:
那么,如何创建一个包含所有文件和资源的部署目录呢?

这是一个简单的问题。目前最简单的方法是将它们手动复制到fonts文件夹。

Sindre提到的错误现在已经修复。您可以使用
generator webapp
>=0.4.2启动新项目,也可以手动应用,这只涉及复制任务的一行新行:

    copy: {
        dist: {
            files: [{
                expand: true,
                dot: true,
                cwd: '<%%= yeoman.app %>',
                dest: '<%%= yeoman.dist %>',
                src: [
                    '*.{ico,png,txt}',
                    '.htaccess',
                    'images/{,*/}*.{webp,gif}',
                    'styles/fonts/{,*/}*.*',
                    'bower_components/sass-bootstrap/fonts/*.*' // <-- New line
                ]
            }]
        }
    }
复制:{
地区:{
档案:[{
是的,
多特:没错,
cwd:“”,
目标:'',
src:[
“*.{ico,png,txt}”,
“.htaccess”,
'images/{,*/}*{webp,gif}',
'样式/字体/{,*/}**',

“bower_components/sass bootstrap/fonts/*.*”/yeoman 1.1.2似乎与上述答案不符

更改Gruntfile.js并添加:

copy: {
  dist: {
    files: [{
      expand: true,
      dot: true,
      cwd: '<%= yeoman.app %>',
      dest: '<%= yeoman.dist %>',
      src: [
        '*.{ico,png,txt}',
        '.htaccess',
        '*.html',
        'views/{,*/}*.html',
        'bower_components/**/*',
        'images/{,*/}*.{webp}',
        'fonts/*',
      ]
    }, {
      expand: true,
      cwd: '.tmp/images',
      dest: '<%= yeoman.dist %>/images',
      src: ['generated/*']
    }, {                                                   <--- add this start
        expand: true,
        cwd: '<%= yeoman.app %>/bower_components/bootstrap/fonts',
        dest: '<%= yeoman.dist %>/fonts',
        src: '*.*'
    }]                                                     <--- end add
  },
  styles: {
复制:{
地区:{
档案:[{
是的,
多特:没错,
cwd:“”,
目标:'',
src:[
“*.{ico,png,txt}”,
“.htaccess”,
“*.html”,
'views/{,*/}*.html',
“bower_组件/***”,
'images/{,*/}*{webp}',
“字体/*”,
]
}, {
是的,
cwd:“.tmp/images”,
目标:'/images',
src:['generated/*']
},{从app/bower_components/bootstrap sass official/vendor/assets/fonts/bootstrap复制字体

应用程序/字体

在application.scss中更改$icon字体路径

从 $icon字体路径:“/bower_components/bootstrap sass official/vendor/assets/fonts/bootstrap/”


$icon font path:“/fonts/”

cssmin with root选项替换所有相对路径

您可以在Gruntfile.js中停用cssmin的root选项

cssmin: {
  options: {
    //root: '<%= yeoman.app %>'
  }
},
cssmin:{
选项:{
//根目录:“”
}
},
这对我很有效;)

复制:{
地区:{
档案:[{
是的,
多特:没错,
cwd:“”,
目标:'',
src:[
“*.{ico,png,txt}”,
“.htaccess”,
“***.html”,
“views/***.html”,
'images/{,*/}*{webp}',
'样式/字体/{,*/}**'
]
}, {
是的,
cwd:“.tmp/images”,
目标:'/images',
src:['generated/*']
},
{
是的,
cwd:“/bower_components/bootstrap/fonts”,
目标:'/fonts',
src:'*.'
},
{
是的,
cwd:“/bower_components/font awesome/fonts”,
目标:'/fonts',
src:'*.'
}
/*{
是的,
cwd:“bower_组件/引导/分布”,
src:'font*/*',
目标:“”
}*/]
},
风格:{
是的,
cwd:“/styles”,
目标:'.tmp/styles/',
src:“{,*/}*.css”
}
},

我的字体位于
bower_components/bootstrap/dist/fonts
中。这对我来说很有效,我这样做是为了获得很棒的字体,而且效果非常好!;)谢谢
cssmin: {
  options: {
    //root: '<%= yeoman.app %>'
  }
},
     copy: {
  dist: {
    files: [{
      expand: true,
      dot: true,
      cwd: '<%= yeoman.app %>',
      dest: '<%= yeoman.dist %>',
      src: [
        '*.{ico,png,txt}',
        '.htaccess',
        '**/*.html',
        'views/**/*.html',
        'images/{,*/}*.{webp}',
        'styles/fonts/{,*/}*.*'
      ]
    }, {
      expand: true,
      cwd: '.tmp/images',
      dest: '<%= yeoman.dist %>/images',
      src: ['generated/*']
    },
        {
        expand: true,
        cwd: '<%= yeoman.app %>/bower_components/bootstrap/fonts',
        dest: '<%= yeoman.dist %>/fonts',
        src: '*.*'
        },
        {
        expand: true,
        cwd: '<%= yeoman.app %>/bower_components/font-awesome/fonts',
        dest: '<%= yeoman.dist %>/fonts',
        src: '*.*'
        }
     /*{
      expand: true,
      cwd: 'bower_components/bootstrap/dist',
      src: 'fonts*//*',
      dest: '<%= yeoman.dist %>'
    }*/]
  },
  styles: {
    expand: true,
    cwd: '<%= yeoman.app %>/styles',
    dest: '.tmp/styles/',
    src: '{,*/}*.css'
  }
},