Use When Fits Requirements.πββοΈ
https://kojiyamauchi.github.io/static-my-starter
- Initialize package.json
- ->
yarn init
- ->
- Setup. (
rm -rf .git
&&touch delivery/index.html
)- ->
yarn setup
&&git init
- ->
- Install All Modules.
- ->
yarn
oryarn install
- ->
- Development.
- ->
yarn dev
- ->
- Build.
- ->
yarn build
- ->
- Clean
delivery
Dir.- ->
yarn clean
- ->
- Setting for GitHub. ( When Use CI & Auto Build & Auto Deployment )
- Use Repositories...
Settings
->Branches
->Branch protection rules
- ->
Branch name pattern
- Add
develop
- Add
- ->
Protect matching branches
- Check
Require status checks to pass before merging
- Check
Require branches to be up to date before merging
- Check
CSpell
- Check
ESLint
- Check
Stylelint
- Check
Type Check
- Check
Jest
- Check
Build Test
- Check
- ->
- Use Repositories...
γΌ
resource
|
|- /base -> TypeScript.
| |- *.js -> Creates Entry Point for Each View Page.
| |- /Apps -> App**.ts is Choose Required Modules.ts for Each Pages. And Pass to *.js
| |- /Modules -> Various Modules.ts
| | |- /Globals -> Set Modules to Be Used on All Pages.
| | | - It Will Always be Imported into AppGlobal.ts.
| | |- /Commons -> Set Modules to Be Used on Multiple Pages.
| | | - When App**.ts Imported Modules From This Directory,
| | | Get DOM From Their Constructor, Distribute DOM to Each Modules.
| | |- /Privates -> Set Modules to Be Used on Single Pages.
| |
| |- /SubModules -> When Create Sub Modules.( Like a Mixins.)
|
|- /types -> Type Files. / Declaration γ» Type γ» Interface γ» Enum
|
|- /tests -> Add Test Files. ( Use Jest. )
|
|- /styles -> SCSS.
|
|- /templates -> EJS.
|
|- /materials -> JSON / Images / Favicons / etc...
γΌ
- None.
γΌ
- Currently, Dart Sass's
@use
Does Not Seem to Be Able to Useglob
.
So, Use@import
in Some Cases on Entrypoint Files.