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

发表于 2017-01-08 | 更新于 2021-05-12 | 分类于前端， vue | 评论数： 0 | 阅读次数： | 阅读次数：

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

Example:

new webpack.DefinePlugin({
  PRODUCTION: JSON.stringify(true),
  VERSION: JSON.stringify('5fa3b9'),
  BROWSER_SUPPORTS_HTML5: true,
  TWO: '1+1',
  'typeof window': JSON.stringify('object'),
})

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.js和build/webpack.prod.conf.js文件下的plugins节点