公開モジュールをWebpackにバンドル

Question

私はWebpackの使用にかなり慣れています。私はこれを既存の電子商取引Webサイトに組み込もうとしています。私は単純なクラスを持っていますが、htmlのスクリプトタグ内のメソッドにアクセスできる必要があります。現在、私は定義されていない、それはアプリ全体にそれを公開する適切な方法は何ですか？

//account.js 
class Account { 
    constructor() { 
     this.transactions = []; 
    } 

    deposit(amount, date) { 
     this.transactions.push({ 
      amount : amount, 
      date : date 
     }); 
    } 
}; 

export default Account; 


//app.js 
import Account from './account'; 
const account = new Account(); 

Answer 1

が正確に定義されていませんか？ webpack.config.jsとpackage.jsonを投稿してください - エラーがそこにあるかもしれません。

一般に、他の場所で使用する関数やクラスをエクスポートしてそこにインポートする必要があります。

export function deposit() {..} 

import {deposit as depo} from "./path-to/account" 

次のいずれかを試しましたか？

modules.export = account; 

const account = require('account.js'); 

グローバル変数をエクスポートするには、Webpack exports-loaderを調べることをおすすめします。