en la version sin webpack usabamos
Código HTML:
<script src="bower_components/proj4/dist/proj4.js"></script> <script src="bower_components/highcharts/highcharts.js"></script> <script src="bower_components/highcharts/highcharts-more.js"></script> <script src="bower_components/highcharts/modules/map.js"></script> <script src="bower_components/highcharts-ng/dist/highcharts-ng.js"></script> <script src="bower_components/highcharts/modules/data.js"></script>
Código:
sin embargo con esto solo funcionan los gráficos de barras y puntos (y obtenemos errores al momento de intentar cargar el mapa)require('proj4'); window.Highcharts = require('../bower_components/highcharts/highcharts.js'); require('../bower_components/highcharts/modules/data.js'); require('../bower_components/highcharts/modules/map.js'); require('../bower_components/highcharts/highcharts-more.js'); require('../bower_components/highcharts-ng/dist/highcharts-ng');
removiendo "window.Highcharts" solo obtenemos erroes de angular
si reemplazo highcharts por highmaps se dibuja el mapa, pero los puntos (coordenadas) no se renderizan debido a que no detecta la libreria proj4 (los otros graficos tambien dejan de funcionar)
he revisado la documentacion de highcharts y buscado por separado cada uno de los errores y todos apuntan a que debo cargar esas librerias (hasta el momento no he visto nada util en la documentación de webpack)
la única solución hasta el momento ha sido cargar de forma externa proj4 y highcharts usando script src (externa por que las locales no quedan disponibles)
lo malo es que esta solución no es practica, ya que podríamos tener el mismo problema con otros componentes, y cargar todos los componentes manualmente seria un despropósito
debo indicar que el colega al que se le ocurrió implementar webpack renuncio antes de terminarla, y los colegas que lograron completarla no fueron capaces de dar con una solución diferente
saludos
edit: logre encontrar finalmente una solución
primero instale script-loader y luego cambie los require de la siguiente manera:
Código:
require("script!../bower_components/proj4/dist/proj4.js"); require("script!../bower_components/highcharts/highcharts.js"); require("script!../bower_components/highcharts/highcharts-more.js"); require("script!../bower_components/highcharts/modules/data.js"); require("script!../bower_components/highcharts/modules/map.js"); require("script!../bower_components/highcharts/modules/exporting.js");