ext-elements/misc at ext-elements-7.1.x · sencha/ext-elements · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83

ng new ng-gwc-all --minimal=true --interactive=false --routing=false -g=true --skipInstall=true


https://docs.google.com/spreadsheets/d/1_VUmebo5GZwhoBaLAOEme-iLvXJzkBRdYja_uIZUd2g/edit?ts=5c8b94ec#gid=0

git remote add upstream https://github.com/sencha/ext-elements.git

git fetch upstream
git merge upstream/master
git merge upstream/ext-elements-7.1.x

git merge upstream/ext-7.0.x

rm ~/.npmrc
cat ~/.npmrc

npm login --registry=https://sencha.myget.org/F/early-adopter/npm/ --scope=@sencha
npm login --registry=https://sencha.myget.org/F/commercial-test/npm/ --scope=@sencha
npm login --registry=https://npm.sencha.com/ --scope=@sencha
npm login --registry=https://test.npm.sencha.com/ --scope=@sencha

https://custom-elements-everywhere.com/

ext js 7
https://www.youtube.com/watch?v=pmGEze3Tk6A&feature=youtu.be


https://alligator.io/angular/using-custom-elements/

https://www.robinwieruch.de/react-eslint-webpack-babel/

https://medium.com/@j_lim_j/summary-of-vuejs-by-sarah-drasner-part-1-of-7-directives-data-rendering-30103729ec9b
https://alligator.io/vuejs/vue-integrate-elements/
https://cli.vuejs.org/guide/webpack.html#simple-configuration
https://github.com/neutrinojs/webpack-chain#getting-started
npm install -g @vue/cli
vue create ext-components-demo-vue
copy demos/copy to public
in public/index.html
    <link href="<%= BASE_URL %>copy/extjs/ext.css" rel='stylesheet'>
    <script src="<%= BASE_URL %>copy/extjs/ext.js"></script>
in package.json
    "@sencha/ext-elements": "~7.0.0",
    "@sencha/ext-webpack-plugin": "^7.0.0",
in src/main.js
  import '@sencha/ext-components';
  or
  import { ExtButtonComponent } from '@sencha/ext-components/lib/ext-button.component';
  import { ExtPanelComponent  } from '@sencha/ext-components/lib/ext-panel.component';
in src/App.vue
  <ext-panel :title="'gus'">
    <ext-button :text="'mjg'"></ext-button>
  </ext-panel>
npm install at the root
 $ cd packages/ext-components-demo-vue
 $ npm run serve
vue inspect > output.js


'use strict';

const environment = (process.env.NODE_ENV || 'development').trim();

if (environment === 'development') {
    module.exports = require('./config/webpack.config.dev');
} else {
    module.exports = require('./config/webpack.config.prod');
}


// import '@sencha/ext-elements/lib/Ext/Button';
// import '@sencha/ext-elements/lib/Ext/dataview/DataView';
// import '@sencha/ext-elements/lib/Ext/field/Search';
// import '@sencha/ext-elements/lib/Ext/list/Tree';
// import '@sencha/ext-elements/lib/Ext/Panel';
// import '@sencha/ext-elements/lib/Ext/tab/Panel';
// import '@sencha/ext-elements/lib/Ext/TitleBar';
// import '@sencha/ext-elements/lib/Ext/Toolbar';
// import '@sencha/ext-elements/lib/Ext/grid/column/Column';
// import '@sencha/ext-elements/lib/Ext/grid/Grid';