Not all vendor files are copied

[reinos]

I installed Font-awesome with NPM and added to the vendor list

module.exports = function(defaults) {
  return new Angular2App(defaults, {
    vendorNpmFiles: [
      'systemjs/dist/system-polyfills.js',
      'systemjs/dist/system.src.js',
      'zone.js/dist/*.js',
      'es6-shim/es6-shim.js',
      'reflect-metadata/*.js',
      'rxjs/**/*.js',
      '@angular/**/*.js',
      '@angular2-material/**/*.js',
      'angular2-jwt/**/*.+(js|js.map)',
      'font-awesome/fonts/**/*.*'
    ]
  });
};

In the folder fonts are 6 files

but the system just copy one file FontAwesome.otf

Is there something wrong with the path or with the font name?

[RicardoVaranda]

Change:
'font-awesome/fonts/**/*.*'

To:
'font-awesome/fonts/**/*.***'
or:
'font-awesome/fonts/**/*.+(js|css|whatever)'

change the whatever to meet your needs 😄

[reinos]

@RicardoVaranda that give me the same result, still just 1 file copied

font-awesome/fonts/**/*.*** and font-awesome/**/*.+(otf|eot|svg|ttf|woff|woff2)

[sqwk]

I have the same problem with moment/moment.jsand webrtc-adapter/out/adapter_no_edge_no_global.js. The problem only occurs for a production build. Oddly enough font-awesome/fonts/**/*works.

[RicardoVaranda]

Have you tried adding two * before the . font-awesome//.**

Also what version of cli are you using? I'm on beta 5 and it's working for me just fine

[vaudy]

are you using ng build -prod? because the -prod remove js files that's not provided in polyfills

return new Angular2App(default, {
  vendorNpmFiles: [...],
  polyfills: [
    'system.js',
    'zone.js',
    etc..
  ]
})

see Angular2App.js in angular-cli/lib/brocolli/angular2-app.js for the complete list of default polyfills

[sqwk]

Yes, I was using -prod.I have followed the wiki for adding moment.js. (although there were also a couple more js files that were not copied).

Adding moment/monent.js to vendorNpmFiles worked:

return new Angular2App(defaults, {
    vendorNpmFiles: [
        'systemjs/dist/system-polyfills.js',
        'systemjs/dist/system.src.js',
        'zone.js/dist/**/*.+(js|js.map)',
        'es6-shim/es6-shim.js',
        'reflect-metadata/**/*.+(ts|js|js.map)',
        'rxjs/**/*.+(js|js.map)',
        '@angular/**/*.+(js|js.map)',
        'moment/moment.js'
    ],
    polyfills: [
        'vendor/es6-shim/es6-shim.js',
        'vendor/reflect-metadata/Reflect.js',
        'vendor/systemjs/dist/system.src.js',
        'vendor/zone.js/dist/zone.js',
        'vendor/moment/moment.js'
    ]
});

However, an additional defaultExtension: 'js' was also needed in system-config.ts for it to pick up the js file in -prod mode. Should I add this to the wiki?

const packages: any = {
    'moment':{
        format: 'cjs',
        defaultExtension: 'js'
    }
};

[BenevidesLecontes]

This issue persist? Because my css files are copied but js files not, using --prod flag.

[cironunes]

I tried to reproduce both scenarios: font-awesome and moment.

Just by adding them to the vendorNpmFiles list like that:

      'moment/moment.js',
      'font-awesome/fonts/*.*'

they were copied. I used the current master, which is the beta-8 at the moment. I'll close this. Feel free to reopen if it's still an issue.

[vaudy]

the problem is when u add a custom array of polyfills, the -prod remove files not involved in this array.

[BenevidesLecontes]

@cironunes try to use bootstrap and include jquery and bootstrap.js. Serve with --prod flag and i think you'll see the issue.