Javascript Webpack:Babel Transfilation后如何不将文件合并成一个包? Webpack中是否有允许保存文件(在Babel从es6/7编译到es5后)的设置,以保留原始文件结构?

Javascript Webpack:Babel Transfilation后如何不将文件合并成一个包? Webpack中是否有允许保存文件(在Babel从es6/7编译到es5后)的设置,以保留原始文件结构?,javascript,webpack,compilation,ecmascript-6,babeljs,Javascript,Webpack,Compilation,Ecmascript 6,Babeljs,网页包是前端开发的强大工具。 但正如我所见,它总是创建单个包(或几个块) 例如,我的文件结构如下: src index.js (es6/7) components App.js (es6/7) Widget.js (es6/7) 编译后创建网页包: bundles bundle.js (es5) 或块: bundles chunk1.js (es5) chunk2.js (es5) 但是我需要在Babel编译之后,保持我的文件结构不受影响(并使用与pl

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


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

src
  index.js (es6/7)
  components
    App.js (es6/7)
    Widget.js (es6/7)
编译后创建网页包:

bundles
  bundle.js (es5)
或块:

bundles
  chunk1.js (es5)
  chunk2.js (es5)
但是我需要在Babel编译之后,保持我的文件结构不受影响(并使用与plus相同的代码创建bundle

lib
  index.js (es5)
  components
    App.js (es5)
    Widget.js (es5)
bundles
  bundle.js (es5)

为什么它会有用?

  • 用于在Node.js服务器上运行代码。服务器不需要单个捆绑包,并且需要异步的文件
  • 优化编译速度。如果文件App.js是在es5中编译的,并且没有更改,Webpack就不需要再这样做了。只需将文件(带es5的lib/*/App.js)中的代码添加到bundle中
  • 更容易调试

  • 我知道吞咽+浏览可以解决我的任务。但Webpack宣传自己是更好的通用工具。对我来说,这是JavaScript同构开发中的一项常见任务。所以我很感兴趣,Webpack能解决这个问题吗?Webpack的整个目标是将内容捆绑到单个文件中。如果你不想这样,那么你不应该使用Webpack。我知道gulp+browserify可以解决我的任务。但Webpack宣传自己是更好的通用工具。对我来说,这是JavaScript同构开发中的一项常见任务。所以我很感兴趣,Webpack能解决这个问题吗?Webpack的整个目标是将内容捆绑到单个文件中。如果你不想这样,那么你就不应该使用Webpack。