同一 index.html 线上线下自动引入不同版本 css 和 js。

[happyjohann]

[ericls]

通过环境变量配合 webpack 的 replace 插件

[fucker]

我有办法

[spritevan]

if (module.hot) {
// dev code
}

[justyy]

楼主 字写得很漂亮

[lwbjing]

@justyy https://www.zhihu.com/question/26854003

[naomhan]

感觉最简单的就是 switchhosts 了 代码都不要改 线上内网各布一套

[ragnaroks]

index 硬是看成了 mdx,
纯前端的情况下,可能得依靠一个 load.js 来做判断了

[learnshare]

Gulp 写两个编译任务

[airyland]

需求不复杂，用 webpack 可破，两个 env 不同配置即可，开发时 dev 配置一套，要上线构建时另一套。

[happyjohann]

@ericls 能给个教程链接不？我对前端开发工具还不熟悉。

[happyjohann]

@spritevan 这个是用在什么环境下的，纯前端应该没办法直接用未定义的 module 吧，能解释一下么？

[happyjohann]

@justyy 这并不是重点，想法来了，所以就胡乱写了

[happyjohann]

@ragnaroks load.js 具体内容如何写，能赐教不？谢谢

[happyjohann]

@learnshare 有参考教程不？谢谢

[happyjohann]

@airyland 能给个参考教程不？对这个工具还不熟。谢谢

[ragnaroks]

假设你线下是 localhost,那 host 就会是 http://localhost/xxxx,线上是 http://domain.com/xxx
直接判断一下就在 js 里面加载不同的资源

[spritevan]

@happyjohann module.hot 是和 @airyland 一样依靠 webpack
差异在于他通过不同的配置文件来配置构建流程
module.hot 是用来判断是否开启热更新的状态，通常等价于测试环境 ;-)

原理很简单，也可以通过声明其他环境变量(比如检测域名)来标识开发／生产环境

[jarlyyn]

nginx 做个 sub_filter 就能搞定的事情。

怎么这么复杂了。

[happyjohann]

@ragnaroks 我本地用的是 project.static.domain 类似的 URL ，不想写成 URL based ， case based 代码。谢谢建议啊😄

[happyjohann]

@spritevan 嗯，和通过 module 判断是前端还是 node 的通用库一样。谢谢。看来又要学新东西了， webpack 之前只听说没用过