网站建设费用,贵阳建站公司模板,自动生成设计logo图标,短视频app软件下载大全现在虽然vite比较流行#xff0c;但对于用node写后端来说#xff0c;webpack倒是成了一个很好的打包工具#xff0c;可以很好的保护后端的代码。所以这块的学习还是不能停下来#xff0c;接下来我们来针对不同的环境做不同的设置写好笔记。 引用场景主要是针对服务器的各种… 现在虽然vite比较流行但对于用node写后端来说webpack倒是成了一个很好的打包工具可以很好的保护后端的代码。所以这块的学习还是不能停下来接下来我们来针对不同的环境做不同的设置写好笔记。 引用场景主要是针对服务器的各种环境比如生产环境呀本地环境开发环境呀。当然普遍是有两种但很难免会有多种环境我们总不能又写很多套后端代码吧 文件如下创建多个打包配置文件与env配置文件这样就可以不同的环境使用不同的配置了 webapck 代码如下也就两句话当然输出的文件路径比如dist可以改为dist_use打包输出的地方用来区分不同环境下的文件即可。 但是打包的时候就要注意了不能直接webpack --config webpack.config.use.js
而是前面再加上自定义的环境变量如 NODE_ENVuse webpack --config webpack.config.use.js
这样打包之后
process.env.NODE_ENV 这个环境变量的值即为use了。
然后入口文件中如何使用了
index.js中只需根据环境判断取不同的配置即可如下图 这样哪怕你有再多的环境要配置也不用发愁了
