Vue.js:是否可以使用 Vue 项目执行 "Conditional compilation"？

Question

例如在 Swift/iOS 开发中，可以使用“标志”来区分不同环境的构建，例如:

#if STAGING
  // one set of logic here
#endif

#if PRODUCTION
  // another set of logic here
#endif

是否有可能通过 Vue.js 项目实现同样的目标，我们将如何着手去做？我知道使不同的路由有条件地可用于不同的角色(这也很简洁)，但我正在寻找在源代码级别上进行区分的最佳选择。

希望有人有一些很好的见解!它可能包括:

• 如何从构建目标中排除部分文件(例如上面的#if STAGING)
• 如何从构建目标中排除整个文件
• 等等

Answer 1

你有能力使用这种语法

 if(process.env.NODE_ENV === 'production') {
        console.log("this is the prod env!!!!!!!!!!");
        config.output.path = path.resolve(__dirname, "dist");
    }

确保在为每个环境(本地、开发、暂存、生产等)运行脚本时使用正确的环境 :D