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

Topic		Replies	Views
Import third-party js Grafana Plugin Development	5	1617	May 21, 2018
How to importing an external JavaScript lib Grafana Plugin Development	10	7133	November 19, 2019
Node_modules sync in development Grafana Plugin Development	3	690	July 14, 2023
How to use external angular modules in own plugin Grafana Plugin Development	13	2385	March 27, 2019
How to resolve 'grafana/app/plugins/sdk' with grunt and grunt-webpack Grafana Plugin Development	3	1512	February 2, 2019

How to import node_modules plugin ,i occur some questions

Related topics