En utilisant plotly.js 3d scatter3d avec Webpack sur Vue

Question

Je suis en train de courir avec plotly.js webpack et Vue.js

pour intrigue simple comme la dispersion, il fonctionne très bien avec la configuration suivante:

sur webpack.config.js

loaders: [ 
     { 
      test: /node_modules/, 
      loader: 'ify-loader' 
     }, 

    ], 

et dans le fichier vue que j'importation avec le code suivant:

var Plotly = require('plotly.js/lib/core'); 
Plotly.register([ 
    require('plotly.js/lib/scatter'), 
    require('plotly.js/lib/scatter3d'), 
]); 

avec tout éparpillement fonctionne très bien, mais quand j'essaie d'utiliser:

type: 'scatter3d', 

Je reçois l'erreur suivante:

It appears that you're using glslify in browserify without its transform applied. Make sure that you've set up glslify as a source transform: 

donc par ma compréhension, je dois rendre le processus ifier chargeur mes projets de fichiers en plus des node_modules.

je l'ai déjà essayé d'insérer la transformation sur mon projet recommander sur les travaux de test readme Link for the docs GitHub mais ni (avec .js et .vue):

Avec .js

loaders: [ 
     { 
      test: /\.js$/, 
      loader: 'ify-loader', 
      enforce: 'post' 
     } 
    ] 

avec. vue

loaders: [ 
     { 
      test: /\.vue$/, 
      loader: 'ify-loader', 
      enforce: 'post' 
     } 
    ] 

Des conseils, ou la meilleure façon de procéder?

Answer 1

import Plotly from 'plotly.js/dist/plotly.min'