如何使用 Webpack 仅进行转译而不是捆绑

Question

我可以使用 Webpack 将 Src 文件夹中的代码转换为构建文件夹吗？我不想使用模块捆绑器来转换代码，同时维护 Src 文件夹中的文件夹结构

 src
   - component (folder)
   - utils . (folder)
     index.js 

 build
    - component (folder)
    - utils . (folder)
      index.js

Answer 1

我不知道你是否可以使用 WebPack，但是 babel 附带了一个babel-cli可以转译你的脚本的 CLI。

首先，安装 CLI。

npm install --save-dev babel-cli

babel现在您可以在命令行上使用来转译您的文件。该示例取自Babel CLI

这将转译下面的所有内容src/**并将结果放入lib/

babel src --out-dir lib

babel-cli将读取您的.babelrc文件并进行相应的转译。您甚至可以添加该--watch标志，它将扫描您的源并持续转译所有已更改的文件。