首页 > webpack在用dev-server的时候怎么配置多入口文件?

webpack在用dev-server的时候怎么配置多入口文件?

entry: [
  'webpack-dev-server/client?http://0.0.0.0:8080', 
  'webpack/hot/only-dev-server',
  './scripts/index' 
]

现在是一个入口文件,当我想分割多个文件的时候,我怎么配置多入口文件呢?

或者下面这种

entry: {
    Profile: './profile.js',
    Feed: './feed.js'
  }

这种配置怎么整合dev-server?


为什么不直接去看webpack官网的解释和例子?

Running multiple entry points


@zach5078 你没明白我的意思,我是想把多文件入口和dev-server一起整合。不是纯粹的多文件入口。


单个入口本来就是整合了所有资源,多个入口是为了方便加载,或者是资源缓存,或者是多页面。
你这样单入口要分离,多入口要结合,我是没明白怎么用的到。?
当然可以强行用到,那就是用工具把打包后的多个文件再打包一次。


类似下面这样就可以了,entry设置为对象 每个入口设置为属性,属性的值是一个数组,就可以像单入口一样往这个数组添加

entry: {
    Profile: [ 
    'webpack-dev-server/client?http://0.0.0.0:8080', 
    'webpack/hot/only-dev-server',
    './profile.js'],
    Feed: [ 
    'webpack-dev-server/client?http://0.0.0.0:8080', 
    'webpack/hot/only-dev-server',
    './feed.js']
  }
【热门文章】
【热门文章】