通過Webpack捆綁的Expose模塊

Question

我對使用Webpack相當陌生，並且正在嘗試將其合並到現有的電子商務網站中。 我有一個像這樣的簡單類，但是我需要能夠在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導出加載器以導出全局變量。