Cree este proyecto de nodo utilizando solo gulp o webpack
Mi proyecto tiene esta estructura de carpetas:
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 se usa para copiar HTML y compilar TypeScript enbuild
carpeta manteniendo la estructura de la carpeta. Pero no encontré cómo agrupar también el código front-end y las dependencias de los nodos para que estén disponibles enbuild/client
. Después de algunas sugerencias e investigaciones, utilicé Webpack para crearbundle.js
.
Ahora tengo el resultado esperado, pero me pregunto si solo hay una manera de Gulp o Webpack, para simplificar el proceso de compilación.