我第一次使用 webpack 構建一個應用程序,并且正在嘗試組織類文件。我無法讓代碼正常工作。我對 ES6 等還是新手,所以下面的代碼可能非常錯誤,但我不確定它是我的方法/概念還是我的語法。條目是index.js,我也有這些文件import App from './js/app.js';import User from './js/user.js';import Guest from './js/guest.js';const app = new App();const user = new User();const guest = new Guest();$(document).ready(function () { app.DatabaseStore.senddata(); console.log( user.getall() );});src/js/app.js主要的全局方法/變量類import CookieStore from './cookie.js';import DatabaseStore from './database.js';export default class App { constructor() { this.cookieStore = new CookieStore(); this.databaseStore = new DatabaseStore(); } gettime() { return 'time'; }}src/js/user.js方法是為了usersimport App from './app.js';export default class User extends App { constructor() { this.mydata = App.cookieStore.getData(); console.log(this.mydata ); } getall() { return ['foo', 'bar', 'baz']; }}src/js/guest.js方法是為了guestsimport App from './app.js';export default class Guest extends App { constructor() { this.mydata = App.cookieStore.getData(); }}src/js/cookie.jscookie 操作方法export default class CookieStore { constructor() {} mydata() {return 'foo';}}src/js/database.js火力基地方法export default class DatabaseStore { constructor() {} senddata() { this.mydata = App.cookieStore.getData(); }
Webpack ES6 模塊多類應用程序組織
Cats萌萌
2023-07-06 16:42:52