Webpack - '速度未定义'

Question

我正在使用 webpack 和 gulp，这是我的 webpack 配置：

webpack.config.js

const path = require('path');
var HardSourceWebpackPlugin = require('hard-source-webpack-plugin');
module.exports = {
    output: {
        publicPath: "./dist/",
        path: path.join(__dirname, "/js/"),
        filename: "bundle.js"
    },
    module: {
        loaders: [
            {
                test: /\.js$/,
                exclude: /node_modules/,
                loader: "babel-loader",
                query: {
                    presets: ["env"]
                }
            },
            {
                test: /\.vue$/,
                loader: 'vue-loader'
            }
        ]
    },
    resolve: {
        alias: {
            moment: 'moment/src/moment'
        }
    },
    externals: {
        jquery: 'jQuery',
        $: 'jQuery',
        moment: 'moment',
        "velocity-animate": 'velocity'
    },
    plugins: [
        new HardSourceWebpackPlugin()
    ]
};

scripts.js（这就是这个文件中的全部内容）

import velocity from 'velocity-animate';

我得到这个错误

Uncaught ReferenceError: velocity is not defined

此行出错：

module.exports = velocity;

我的外部配置有问题吗？ 这适用于 moment.js 和 jQuery，但不适用于velocity...

我试过了

"velocity-animate": 'velocity'

和

"velocity-animate": 'velocity-animate'

和

"velocity-animate": '"velocity-animate"'

这些都不起作用。如果第一个不是“velocity-animate”（包的名称），那么 Velocity.js 无论如何都会包含在脚本中。关于这个的文档并没有真正解释如何正确配置这个

真的有可能这个用例是如此的小众以至于地球上没有人可以解释它吗？

谢谢！

Answer 1

这里是 Velocity V2 的首席开发人员。

Doh - 我们错过了更新 Velocity 的导出 - 我会在今天晚些时候得到它。我们还在对其进行模块化，因此您可以在 Webpack 项目中“正常”导入它（包括摇树等）——这应该在下周左右完成。

在我推送更新的构建之前，它正在导出的名称是 "Velocity" - 注意大写“V” - 希望今天晚些时候它会移动（2.0.2@beta 将具有更正的名称 "velocity-animate"） .