webpack，es6根据环境动态选择import

Question

比如我在使用vconsole的时候。使用npm安装，在我的入口js文件import了。在开发环境使用，但是在生产环境我并不想打包vconsole到我的js文件里面去。我可以通过环境变量的方式选择性的初始化vconsole。但是只要import了，打包的时候都会吧这个js打包到最终的js文件里面去。

Answer 1

看到您使用vconsole,不知道是否知道有一个插件叫webpack-plugin-vconsole, 很多的，只有在你开发有用，还有就是 在webpack里面配置，在开发环境直接把vconsole打成一个入口文件，正式环境直接去掉。

Answer 2

直接判断是不是在开发环境不就行了

if(process.env.NODE_ENV === 'development') {    const vConsole = new VConsole();
}