webpack打包avalon组件ms-pager报错？

Question

我用npm install ms-pager 下载完以后，在代码中使用
require('ms-pager');//ms-pager 所在目录:node_modules/ms-pager
然后再使用webpack打包，在打包过程中直接报错，如下图:

请问，有谁遇到过这样的问题吗？怎么解决的

webpack.config.js 配置如下:

var webpack = require('webpack')
var path = require('path')

var commonsPlugin = new webpack.optimize.CommonsChunkPlugin('common.js');
var ExtractTextPlugin = require('extract-text-webpack-plugin');
var cssExtractor = new ExtractTextPlugin('/[name].css');
module.exports = {
    plugins: [commonsPlugin],
    entry: {
        main: __dirname + '/src/main.js', //项目入口文件
    },
    output: {
        path: path.join('dist'), //项目出口文件
        filename: '[name].js', //生成的项目出口文件     

    }, //页面引用的文件
    'html-minify-loader': {
        empty: true, // KEEP empty attributes
        cdata: true, // KEEP CDATA from scripts
        comments: true, // KEEP comments
        dom: {// options of !(htmlparser2)[https://github.com/fb55/htmlparser2]
            lowerCaseAttributeNames: false, // do not call .toLowerCase for each attribute name (Angular2 use camelCase attributes)
        }
    },
    plugins: [
        cssExtractor
    ],
    resolve: {
        extensions: ['.js', '', 'css'],
        loaders: [
            {test: /\.html$/, loader: 'raw!html-minify'},
            {test: /\.scss$/, loader: cssExtractor.extract( 'css!sass')},
            {test: /\.(ttf|eot|svg|woff2?)((\?|#)[^\'\"]+)?$/, loader: 'file-loader?name=[name].[ext]'}
        ]
    }
}

/src/main.js:

module.exports = require('avalon2')
require('ms-pager')
var vm = avalon.define({
    $id: 'test',
    currPath: '',
    main:"" 
});

avalon.history.start({
    root: "/mmRouter",
    hashPrefix: ""
})

工程目录: