通過Webpack捆綁銷售模塊

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 exports-loader以導出全局變量。