启动Vue项目时提示: [BABEL] ... max of "500KB".

Question

标题不能超过64个字符,所以,简化了标题...

具体的问题是这样的:

$> npm run dev

启动 vue 项目时, 有一个 xxx.js 文件比较大, 启动就比较慢, Terminal 给出了这样的提示:

[BABEL] Note: The code generator has deoptimised the styling of "xxx.js" as it exceeds the max of "500KB".

查了一下, StackOverflow 说是和 compact 选项有关, 具体的操作不是很明白,在 Babel官网 的
Options 中找到了 compact, 提到了这个问题, 但是并不是很懂如何在项目中解决这个问题

那么我的问题就是:

1. 如何在 vue 项目中解决这个问题, Starting dev server... 的时候能够快一点

2. 这属于哪方面的知识, 应该学习哪些东西?(这个问的太广了,其实意思是弄明白这个问题,我需要知道哪些知识点)

Answer 1

在项目的根目录下找到 .babelrc 文件，增加 "compact": false ，如：

{
  "compact": false,
  "presets": ["env", "react", "stage-0"],
  "plugins": [
    "transform-runtime"
  ]
}

如果不存在则手动创建该文件，并填写内容如：

{
  "compact": false
}

Answer 2

我也遇到了相同的问题,期待大神解答中

Answer 3

compact: false有什么作用呢？