How to import node_modules plugin ,i occur some questions

zhongqi · April 9, 2018, 12:35pm

node_modules has this file

daniellee · April 11, 2018, 7:44am

Think the answer is the same as your other question:

NatelEnergy/grafana-plotly-panel/blob/master/Gruntfile.js#L17


grunt.loadNpmTasks('grunt-contrib-watch');
grunt.loadNpmTasks('grunt-string-replace');
grunt.loadNpmTasks("grunt-tslint");


grunt.initConfig({
  clean: ['dist', 'src/lib'],


  copy: {


    libs: {
      cwd: 'node_modules/plotly.js/dist',
      expand: true,
      src: ['plotly.min.js'],
      dest: 'src/lib'
    },
    dist_js: {
      expand: true,
      cwd: 'src',
      src: ['**/*.ts', '**/*.d.ts', 'lib/*'],
      dest: 'dist'
    },

Grafana cannot build a plugin and the plugin runs inside Grafana so your 3rd party code is not in Grafana’s node_modules directory. You need to copy any code needed from the plugin’s node_modules directory into the plugin source directory.

maicb · December 7, 2018, 11:41am

I have the same problem as you. Is your solution solved? can you help me?

zhongqi · March 1, 2019, 2:48am

you can put the echarts.js file into the panel src ,and import it in the ctrl.js,like this ,finally, change the grunfile.js to build the js to dist,
hope helpful