[Webix Jet]第二章：Getting Started

環境建置需求:

1.安裝Nodejs

https://nodejs.org/zh-tw/download/

2.下載Demo SourceCode

可依需求找出最相近的Demo。

https://webix.com/demos/

3.下載後在資料夾內下CMD指令

npm install

npm run start

執行完後就會預設使用8080Port的可執行環境。

網址輸入Localhost:8080即可觀看Demo長相(範例使用Banking APP)

下面說明幾個重要檔案

1.MyApp.js

說明：主要的設定都在此檔裡

// myapp.js

import { JetApp, EmptyRouter, HashRouter } from "webix-jet";

export default class MyApp extends JetApp{

constructor(config){

const defaults = {

router: BUILD_AS_MODULE ? EmptyRouter : HashRouter,

debug: !PRODUCTION,

start: "/top/layout"

};

super({ ...defaults, ...config });

}

}

if (!BUILD_AS_MODULE){

webix.ready(() => new MyApp().render() ); // mandatory!

}

2.webpack.config.js

說明：WebPack設定檔，主要設定輸入和輸出位置。

//webpack.config.js

{

entry: {

myapp: "./sources/myapp.js"

},

output: {

path:"cdoebase",

filename: "[name].js"

}

}