javascript - webpack 怎么根据不同的生产或开发环境来使用不同的文件
怪我咯
怪我咯 2017-04-11 12:28:47
[JavaScript讨论组]

webpack 怎么实现像 react native 那样的,根据不同的情况调用 index.ios.js 或 index.android.js。

我想根据 NODE_ENV 来打包 component.prod.js 或者 component.dev.js

怪我咯
怪我咯

走同样的路,发现不同的人生

全部回复(4)
PHP中文网

有个组件你可能用的上:react-native-config, 再搭配自定义脚本,应该能满足你的需求

黄舟

你其实可以绑一个getEntry()的函数,

entry:{index:getEntry()} 

使用插件

new webpack.DefinePlugin({
    'process.env': {
        'NODE_ENV': JSON.stringify('prod'),
    }
})

然后再getEntry的函数中写上

if(process.env.NODE_ENV == 'prod') {
    return 'component.prod.js';
} else {
    return 'component.dev.js';    
}

差不多类似这个意思吧

ringa_lee

调用不同的config配置就好

"prod": "webpack --config ./webpack/client/webpack.prod.js",
"dev": "webpack-dev-server --config ./webpack/client/webpack.dev.js --open",
PHP中文网

直接在webpack里的alias配置即可

resolve: {
    alias: {
        "api": process.env.NODE_ENV === 'production' ? "./api.js": "./api-dev.js"
    }
}

使用时

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

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