使用webpack生成不同发布环境的api地址

webpack 官方提供了一个 definePlugin,专门用来定义一些变量,通常我们把用于类似开发和生产环境的切换上。
https://webpack.github.io/docs/list-of-plugins.html#defineplugin

Example:

1
2
3
4
5
6
7
new webpack.DefinePlugin({
PRODUCTION: JSON.stringify(true),
VERSION: JSON.stringify("5fa3b9"),
BROWSER_SUPPORTS_HTML5: true,
TWO: "1+1",
"typeof window": JSON.stringify("object")
})

1
2
3
4
5
6
7
8
9
console.log("Running App version " + VERSION);
if(!BROWSER_SUPPORTS_HTML5)
require("html5shiv");
if (!PRODUCTION)
console.log('Debug info')
if (PRODUCTION)
console.log('Production log')

vue-cli生成的项目中在build/webpack.dev.conf.jsbuild/webpack.prod.conf.js文件下的plugins节点

坚持原创技术分享,您的支持将鼓励我继续创作!