Nuxt CNode：Node.js专业中文社区

webapck defineplugin 为何要这样用？

发布于 9 年前作者 Alexis374 13032 次预览最后一次回复是 9 年前来自问答

new webpack.DefinePlugin({
  "process.env": {
    NODE_ENV: JSON.stringify("production")   //而不是直接 'production'
  }
})

这个问题是我昨天在用webpack的时候发现的，如果直接使用 set NODE_ENV=production，上面的配置不用JSON.stringify，就会在生成的代码里面直接把production当做一个变量，结果是production未定义而报错。。后来搜索到这篇文章后改变了写法才生成了正确的代码

3 回复

magicdawn

1楼•9 年前

plugins

`DefinePlugin`

new webpack.DefinePlugin({
  'process.env': {
    NODE_ENV: JSON.stringify(process.env.NODE_ENV)
  },
  TWO: '1 + 1',
  SOME_BOOLEAN: true
})

if(process.env.NODE_ENV !== 'production') {
  console.log('not in production')
}
console.log(process.env.NODE_ENV)

// TWO
console.log(TWO)

if(SOME_BOOLEAN) {
  console.log(SOME_BOOLEAN)
}

if (true) {
  console.log('not in production');
}
console.log(("development"));

// TWO
console.log((1 + 1));

if (true) {
  console.log((true));
}

看样子就是: 在 node 端, x = 'this_is_x', 就去将代码里面的 x 变量全部替换为 this_is_x

// before
x = 10

// after
this_is_x = 10

在 node 端, x = '"this_is_x"', 就去将代码里面的 x 变量全部替换为 "this_is_x"

// before
console.log(x);

// after
console.log("this_is_x");

magicdawn

2楼•9 年前

https://github.com/magicdawn/magicdawn/issues/7#issuecomment-229655801

xieaolin

3楼•9 年前

@magicdawn 感谢！解惑了~~