如何使用webpack配置模块捆绑器除以文件夹？

Question

我得到像这样的文件结构

before build

我想用webpack

制作如下所示

after build

顺便说一下，我还想使用ES6 import和export作为模块加载器，

，例如nav.js

class Nav extends Component {
  // react code here
}
export defalt Nav

并在header.js

import Nav from `nav/bundle`
// header react code 
// .......
export defalt Header

还需要redux

中react-route和node_module npm包的捆绑

webpack可以做这个吗？一些建议？

Answer 1

这是一个粗略的想法，你可以尝试适应：

{
  // generate these dynamically through JavaScript
  entry: {
    footer: <path to footer js>,
    ...
  },
  output: {
    path: './demo',
    filename: '[name]/bundle.js' // name maps to entry keys
  },
  ...
}