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以导出全局变量。

通过Webpack捆绑暴露模块

1 个答案: