如何在webpack中把一个方法移到一个单独的文件中?

问题描述 投票:0回答:1

我有一个类,但我想把myMethod移到一个单独的文件中。

class MyClass {
    myMethod () { /**/ }
}

但我想把myMethod移到一个单独的文件里。我试过建立一个新的文件。

myMethod.js。

MyClass.prototype.myMethod = () => { /**/ }

然后像这样导入到我的主文件中。

import './myMethod.js';

但我得到了错误信息 ReferenceError: MyClass is not defined

更改导入语句或尝试在myMethod.js中添加导出行没有任何区别。它似乎只是找不到MyClass。

这似乎是一个很常见的问题,所以我不明白我应该做什么,或者为什么我在google上找不到任何关于它的东西。把我的类分成多个文件是我想使用webpack的原因。

javascript webpack
1个回答
0
投票

你可以使用webpack的代码分割来创建一个单独的块,唯一的缺点是这个方法大部分是一个异步方法。

// MyClass.js

class MyClass {

}

MyClass.prototype.myMethod = async (...args) => {
   const { myMethod } = await import('./myMethod');

   return myMethod.apply(MyClass.prototype, args);
}
// myMethod.js

export const myMethod = function myMethod() {
  ...
}
© www.soinside.com 2019 - 2024. All rights reserved.