时间戳

首页 > 解决方案 > 如何使用 Webpack 仅用于转译而不是用于捆绑

reactjs - 如何使用 Webpack 仅用于转译而不是用于捆绑

问题描述

我可以只使用 Webpack 将 Src 文件夹中的代码转换为构建文件夹吗？我不想在 Src 文件夹中维护文件夹结构的同时，只转换代码

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

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

标签： reactjswebpackbabeljswebpack-4babel-loader

解决方案

我不知道你是否可以使用 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标志，它将扫描您的源并不断转换所有已更改的文件。

推荐阅读