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

标题不能超过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. 这属于哪方面的知识, 应该学习哪些东西?(这个问的太广了,其实意思是弄明白这个问题,我需要知道哪些知识点)

回答:

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

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

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

{
  "compact": false
}

回答:

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

暂无评论

发表评论

您的电子邮箱地址不会被公开。 必填项已用*标注