javascript - 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 热编译...

解决方案

entry就是模块的入口

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

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

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

这篇关于javascript - react-hot 和 CommonsChunkPlugin 冲突的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！