Crie este projeto de nó usando apenas gulp ou webpack
Meu projeto tem esta estrutura de pastas:
node
| .gitignore
| gulpfile.js
| package.json
| tsconfig.json
| webpack.config.js
|
+---build
| | debug.js
| | main.js
| |
| +---client
| | +---scripts
| | | bundle.js
| | |
| | \---views
| | index.html
| |
| |
| \---server
| | constants.js
| | server.js
| |
| \---router
| | constants.js
| | router.js
| |
| \---routes
| base.js
| index.js
|
+---gulp
| | constants.js
| |
| \---tasks
| default.js
| html.js
| typescript.js
|
\---src
| main.ts
|
+---client
| +---app
| | | app.tsx
| | |
| | \---components
| | hello.tsx
| |
| \---views
| index.html
|
\---server
| constants.ts
| server.ts
|
\---router
| constants.ts
| router.ts
|
\---routes
base.ts
index.ts
Gulp é usado para copiar HTML e compilar TypeScript nobuild
pasta mantendo a estrutura da pasta. Mas não achei como agrupar as dependências de código e nó de front-end para torná-las disponíveis embuild/client
. Após algumas sugestões e pesquisas, usei o Webpack para criarbundle.js
.
Agora eu tenho o resultado esperado, mas me pergunto se existe uma maneira de apenas Gulp ou Webpack, a fim de simplificar o processo de compilação.