node.js - 仅使用 gulp 或 webpack 构建此 Node 项目

Question

我的项目具有以下文件夹结构:

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 用于在 build 文件夹中复制 HTML 并编译 TypeScript，维护文件夹结构。但我没有找到如何捆绑前端代码和 Node 依赖项以使它们在 build/client 中可用。经过一些建议和研究后，我使用 Webpack 创建 bundle.js。

现在我已经得到了预期的结果，但我想知道是否有办法只使用 Gulp 或 Webpack，以简化构建过程。

Answer 1

I wonder if there is a way to only Gulp or Webpack

这些是不同的工具。

• Gulp:任务运行程序。运行代码段
• Webpack:模块 bundler 。以可在浏览器中使用的方式捆绑代码。

如果您想要一个 bundler (您确实需要)gulp 是不够的。