Vue.js：如何防止 `vue-cli-service --modern` 构建遗留​​包？

Question

Vue CLI 的现代模式总是构建两个包：现代和传统。

$ vue-cli-service build --modern

-  Building legacy bundle for production...
(snip)
DONE  Compiled successfully in 42448ms 
(snip)
-  Building modern bundle for production...
(snip)
DONE  Compiled successfully in 39693ms
(snip)
DONE  Build complete. The dist directory is ready to be deployed.
(snip)
Done in 89.76s.

所以它比我在没有--modern选项的情况下构建应用程序需要两倍的时间。当应用程序仅针对现代浏览器时，这是浪费时间。

有没有办法阻止 Vue CLI 创建遗留包？

Answer 1

您不需要使用--modernflag。相反，只需.browserslistrc按如下方式调整：

last 2 years

Vue CLI 的“现代”模式代表构建两个包（遗留和现代）的模式，但它并不代表使您的 Vue 应用程序代码“现代”的适当方式。如果您只想要现代输出，只需调整目标浏览器。

另请参阅有关 vue-cli 问题的此评论。