在Vue上使用plotly.js 3d scatter3d与Webpack

Question

我正试着和webpack和Vue.js一起运行plotly.js

对于像scatter这样的简单绘图，它可以很好地使用以下配置：

在webpack.config.js上

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

    ],

在我使用以下代码导入的vue文件中：

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

使用scatter一切都很好，但当我尝试使用：

type: 'scatter3d',

我收到以下错误：

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:

因此，根据我的理解，除了node_modules之外，我还需要让ify-loader处理我的文件项目。

我已经尝试按照GitHub readme Link for the docs上的建议将转换插入到我的项目中，但两个测试都不起作用(使用.js和.vue)：

使用.js

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

使用.vue

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

有什么建议，或提示如何继续吗？

Answer 1

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

Answer 2

也许使用require('plotly.js-dist') (而不是import)可以解决这个问题。