ecmascript 6 - avoiding deep nested module imports in an ES6 JavaScript web project -

-

i trying tackle have javascript project structure. writing es6 syntax webpack. current directory structure looks this

project-dir   |_ packages.json   |_ webpack.config.js   |_ html   |  |_ ***   |  |_ ***   |_ js      |_ app.js      |_ routes         |_ abc-component         |  |_ components         |  |  |_ abc1.js         |  |  |_ abc2.js         |  |_ index.js         |         |_ xyz-component         |  |_ components         |  |  |_ xyz1.js         |  |  |_ xyz2.js         |  |_ index.js         |_ reducers.js

this simpler structure. problem "reducers.js" , "abc1.js/xyz1.js" need access same functionality. so, if functionality lives in "reducers.js" "abc1.js/xyz1.js" have import "../../reducers.js". if functionality lives split in "abc1.js" , "xyz1.js" etc, "reducers.js" have import each 1 of them ".\abc-component\components\abc1.js" , ".\xyz-component\component\xyz1.js". first way, feels reaching way , second way, feels reaching way up. code constrained structure of file layout. directory structure go deeper down , end ugly imports.

so, makes sense me pull out functionality shared reducers.js , "abc1/js/xyz1.js" different module. in doing thought putting in git repo, functionality project specific , didn't want hassle of putting in repo.

i tried creating "lib" folder under "js" folder , put common functionality in folder along packages.json file. way, thought add "dependencies" in project's package.json file "file:\lib\common" value. way, reference module locally. landed me in load of trouble. problems encountering 1) couldn't write es6 in common module since webpack not processing 2) everytime change in common.js, have run "npm install" 3) npm seems caching old version of common module ever after change , run "npm install". not sure comes from, did clean npm cache running "npm cache clean" 4) when write old javascript in common module , not es6, webpack watch not pick on changes file , re-render app.

i wondering if thoughts on how best go solving problem. also, thoughts how tried , exceptionally failed in solving problem local module helpful.

one way deal put common code node module , import other library.

this work "lib" idea suggested without needing relative imports.


Comments

Post a Comment

Popular posts from this blog

ruby - Trying to change last to "x"s to 23 -

-
i have been playing around irb , have string looks this: irb(main):072:0> puts ["[\"4354 5432 5432 xxxxx\", \"6547 6547 8543 xxxxx\", \"2344 6543 6674 xxxxx\", \"2346 6236 7543 xxxxx\", \"1273 5585 5587 xxxxx\"]"] => nil irb(main):073:0> what want gsub last 2 "x" s of each 17 digit combination, 23 . what i've tried far (i've been using rubular): a.gsub(/\d[x]/,"23") <= grabs "x" s i'm close a.gsub(/\w[x{2}]/,"23") <= grabs "x" s grabs two digits each combination. is there easier way i'm not understanding? a.gsub(/\d{4} \d{4} \d{4} xxx\kxx/, '23') \d{4} = 4 digits what \k drop matched far. can use don't replace entire number, still able validate have in desired format.
Read more

jquery - Clone last and append item to closest class -

-
this bare-bones code on page: <div class="list-container"> <div class="single-list-item"> <button>remove</button> </div> <div class="single-list-item"> <button>remove</button> </div> <div class="single-list-item"> <button>remove</button> </div> </div> <p><button class="add-list-item">add</button></p> <div class="list-container"> <div class="single-list-item"> <button>remove</button> </div> <div class="single-list-item"> <button>remove</button> </div> <div class="single-list-item"> <button>remove</button> </div> </div> <p><button class="add-list-item">add</button></p> <di
Read more

c - Unrecognised emulation mode: elf_i386 on MinGW32 -

-
i'm trying make kernel, , cannot link c output assembly. ld . i'm getting error: unrecognized emulation mode: elf_i386 i'm using windows 10 professional mingw32 , msys. code using: link.ld /* * link.ld */ output_format(elf32-i386) entry(start) sections { . = 0x100000; .text : { *(.text) } .data : { *(.data) } .bss : { *(.bss) } } kernel.c /* * kernel.c */ void kmain(void) { const char *str = "my first kernel"; char *vidptr = (char*)0xb8000; //video mem begins here. unsigned int = 0; unsigned int j = 0; /* loops clears screen * there 25 lines each of 80 columns; each element takes 2 bytes */ while(j < 80 * 25 * 2) { /* blank character */ vidptr[j] = ' '; /* attribute-byte - light grey on black screen */ vidptr[j+1] = 0x07; j = j + 2; } j = 0; /* loop writes string video memory */ while(str[j] != '\0') { /
Read more