VueJS使用Browserify在浏览器中使用NPM组件

Question

我的页面中有一个自定义组件，定义为：

Vue.component('payment-page', {
    template: '#payment-template',
    data: function () {
        return {
            ...
        }
    },
    components: {
        DatePicker
    },
});

现在，在这个组件中，我需要使用datepicker / daterange选择器，我发现this最有帮助。它可以使用npm install vue2-datepicker --save从NPM安装。我使用browserify以便能够在浏览器中使用datepicker，在我的组件中。 对于browserify，在我的 main.js 文件中，我有：

let DatePicker = require('vue2-datepicker');

然后我使用命令browserify main.js -o bundle.js创建我的 bundle.js 文件，然后在我的HTML文件中导入该文件。 问题是我总是得到错误未捕获的ReferenceError：未定义DatePicker 。我做错了什么？