javascript - react-hot 和 CommonsChunkPlugin 冲突
迷茫
迷茫 2017-04-11 12:34:25
[JavaScript讨论组]

您好,我有个疑问
当我使用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 热编译...

迷茫
迷茫

业精于勤,荒于嬉;行成于思,毁于随。

全部回复(4)
高洛峰

entry就是模块的入口

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

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

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

PHP中文网

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

阿神

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

PHP中文网

根据@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"
    ]
}

亲测有效

热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新 English
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号