首页 > react-hot 和 CommonsChunkPlugin 冲突

react-hot 和 CommonsChunkPlugin 冲突

您好,我有个疑问
当我使用react-hot-loader 的时候

网上说要该 entry

entry: [
    // 写在入口文件之前
    "webpack-dev-server/client?http://0.0.0.0:3000",
    "webpack/hot/only-dev-server",
    // 这里是你的入口文件
    "./src/app.js",
  ],

但是 我的entry 现在是这样

{
    path: ["./jsx/app.jsx","./style/app.less"],
    vendor: [
        "./js/util.js",
        "react",
        "react-dom"
    ]
}

我很不能理解,怎么能把一个对象类型改成数组类型

而且vendor
我还绑了插件
new webpack.optimize.CommonsChunkPlugin("vendor", "vendor.bundle.js")

如果改成数组的写法,我真的不知道该如何修改

但是我又很想用 react-hot 热编译...


根据@michael_cai 的提示 我成功配置了

entry: {
    app: ['webpack-dev-server/client?http://localhost:3000',
    'webpack/hot/dev-server',
    './jsx/app.jsx',
    "./style/app.less"
    ],
    vendor: [
        "./js/util.js",
        "react",
        "react-dom"
    ]
}

亲测有效


我跟你有一样的疑问,但是没有大神回答


请参考 https://github.com/kenberkele...


entry就是模块的入口

  1. entry的值是字符串,这个字符串对应的模块会在启动的时候加载

  2. entry的值是数组,这个数组内所有模块会在启动的时候加载,数组的最后一个元素作为export

  3. entry的值是对象,可以构建多个bundle

【热门文章】
【热门文章】