如何使用webpack添加变量构造函数的原型函数

问题描述

我一直在制作我自己的 JS 库，我正在尝试用 webpack 重新制作它。

在我的原始文件中，我将原型函数用于变量构造函数，如下所示：

Date.prototype.fooFunc = function(e){
// return something
};
String.prototype.barFunc = function(e) {
// return something
};


var Library = function(e){
var date = new Date();

this result = date.fooFunc().barfunc();
};

并且变量构造函数原型函数的代码行变得很长。 所以我试图为原型函数制作一个单独的文件。

但是我不知道如何在 JS 模块系统中导出预定义变量的属性。 我怎样才能穿过它？

解决了

原型.js

if ( typeof Date.prototype.myFunc == undefined ) {
  var foo = new Date();
  return foo.something();
};

// no export

webpack.config.js

module.exports = (env, options) => {
  const config = {
    target: 'web',
    entry: {
      'my-library': [
        './src/prototypes.js',
        './src/index.js'
      ],
    },
    output: {
      filename: '[name].min.js',
      library: 'myLibrary',
      libraryTarget: 'var',
      libraryExport: 'default',
      path: path.resolve(__dirname, 'dist')
    },
    optimization: {
      splitChunks: {
        cacheGroups: {
          commons: {
            test: /[\\/]node_modules[\\/]/,
            name: 'vendors',
            chunks: 'all'
          }
        }
      }
    },
  }
  return config;
}