如何为gulp任务保存babeljs格式？

Question

我正在使用gulp，我想用babeljs任务保存我的.js文件的格式，我该怎么做？

例如，我有：

var
  PC1   = 'Customer',
  PC2   = 'Purchase Frequency',
  PC3   = 'Purchase Value',
  PC4   = 'Most Viewed Category',
  PC5   = 'Brand',
  PC6   = 'Reduced Price',
  PC7   = 'Colour',
  PC8   = 'Material',
  PC9   = 'Gender',
  PC10  = 'Size',
  PC11  = 'Price';

它将其表示为：

var PC1 = "Customer",
    PC2 = "Purchase Frequency",
    PC3 = "Purchase Value",
    PC4 = "Most Viewed Category",
    PC5 = "Brand",
    PC6 = "Reduced Price",
    PC7 = "Colour",
    PC8 = "Material",
    PC9 = "Gender",
    PC10 = "Size",
    PC11 = "Price";

如何避免这种情况？

Answer 1

Babel试图保留一些格式(缩进、双引号或单引号)，但由于Babel从AST生成结果代码的性质，它无法保留您想要的内容:在生成阶段，它不知道输入是什么样子的。

Babel的生成器只知道代码的语义含义。由于语义含义被保留下来，这对于Babel来说是不容易修复的，我不相信Babel的目标之一就是解决这个问题。

此外，虽然Babel试图生成美观的代码，但您通常不应该查看它生成的输出(除非是调试)。

如果您使用source-maps，它可能会对您有所帮助，您应该看到浏览器(如果在浏览器中)向您显示结果代码，就好像它是输入一样，简化了调试，并且当在NPM上使用source-map-support包时，Node可以对堆栈跟踪执行相同的操作。