Да. Лично я предпочитаю использовать сценарии npm (еще один способ запуска сегментов кода) с веб-пакетом.
роект имеет такую структуру папок:
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 используется для копирования HTML и компиляции TypeScript вbuild
папка, поддерживающая структуру папок. Но я не нашел, как также связать интерфейсный код и зависимости узлов, чтобы сделать их доступными вbuild/client
, После некоторых предложений и исследований я использовал Webpack для созданияbundle.js
.
Теперь я получил ожидаемый результат, но мне интересно, есть ли способ использовать только Gulp или Webpack, чтобы упростить процесс сборки.