hwaly-app
v1.0.1
Published
페이지의 해당 자바스크립트 자동 실행
Downloads
2
Readme
hwaly-app
해당 페이지의 자바스크립트 실행
findId
- 기본값 'id'
- 인자 값으로 'id' 또는 'data' 가능
- 'id': body의 'id' 값
- 'data': body의 'data-app-id' 값
usePrefix
- 기본값 true
- true: 첫번째 - 또는 _로 이루어진 단어 삭제
- false: 가공 없이 그대로 활용
<body id="app-test-sample">
app.usePrefix(true);
- test, testSample 실행
app.usePrefix(false);
- app, appTest, appTestSample 실행
auto
- 페이지와 관련없이 항상 실행되는 메서드
- 배열 또는 스트링 나열
app.auto('common', 'util');
app.auto(['common', 'util']);
add
- 메서드 추가
app.add({test, testA, testB, testC, testTest});
app.add({site, siteTest, siteTestTest});
readyAndRun
- 'DOMContentLoaded' 이벤트 사용
- callback 사용 가능
app.readyAndRun(() => {
console.log('callback');
});
사용법
import App from 'hwaly-app';
import {test, testA, testB, testC, testTest} from './test';
import {site, siteTest, siteTestTest} from './site';
import common from './common';
import util from './util';
new App({
findId: 'id',
usePrefix: true,
add: {
test, testA, testB, testC, testTest,
site, siteTest, siteTestTest,
common,
util
},
auto: ['common', 'util'],
callback() {
console.log('callback');
}
});
const app = new App();
app.add({test, testA, testB, testC, testTest});
app.add({site, siteTest, siteTestTest});
app.add({common});
app.add({util});
app.findId('id');
// app.findId('data');
app.usePrefix(false);
// app.auto(['common', 'util'])
app.auto('common', 'util');
app.readyAndRun(() => {
console.log('callback');
});
new App()
.add({test, testA, testB, testC, testTest})
.add({site, siteTest, siteTestTest})
.add({common})
.add({util})
.findId('id')
.usePrefix(false)
.auto('common', 'util')
.readyAndRun(() => {
console.log('callback');
});