用webpack.DefinePlugin定义全局无效

Question

我再webpack.conf.js写了一个HOST的全局，然后再main.js里面用，报错HOST is not defined。

webpack.conf.js

plugins: [
    new webpack.DefinePlugin({
      HOST: process.env.NODE_ENV === 'production' ? PUB_HOST : DEV_HOST
    })
  ],

main.js

axios.defaults.baseURL = HOST

请问这样用不对吗？
webpack@3.8.1

Answer 1

要双重引号或JSON.stringify

既然邀请了我来回答，那么我会推荐我在sf的讲座《学习Vue你需要知道的webpack的知识》

Answer 2

试试看这样：

JSON.stringify(
    process.env.NODE_ENV === 'production'
        ? PUB_HOST
        : DEV_HOST
)

Answer 3

和楼上说的一样，这里贴下官方的说明

Answer 4

HOST: process.env.NODE_ENV === 'production' ? JSON.stringify(PUB_HOST) : JSON.stringify(DEV_HOST)