Webpack:如何在Babel转换后不将文件合并到一个包中?

时间:2017-06-18 09:20:09

标签: javascript webpack compilation ecmascript-6 babel

Webpack中是否有允许保存文件的设置(在从es6 / 7到es5的Babel编译之后)保留原始文件结构?

Webpack是前端开发的强大工具。 但正如我所见,它总是会创建单个捆绑(或几个块)。

例如,我的文件结构如下:

x = tf.reduce_mean(tf.sqrt(tf.subtract(targets, logits)), axis=2)

编译完Webpack后创建:

src
  index.js (es6/7)
  components
    App.js (es6/7)
    Widget.js (es6/7)

或块:

bundles
  bundle.js (es5)

但是我需要让我的文件结构不受影响并使用相同的代码创建包以及加上Babel编译后的

bundles
  chunk1.js (es5)
  chunk2.js (es5)

为什么它有用?

  1. 用于Node.js服务器上的运行代码。服务器不需要单个捆绑包并且需要异步访问文件。
  2. 优化编译速度。如果文件App.js是在es5中编译的并且没有改变,那么Webpack不需要再次执行此操作。只需将文件中的代码(带有es5的lib / * / App.js)添加到bundle。
  3. 更容易调试。

0 个答案:

没有答案