美文网首页
@vue/cli-service 5.X版本打包dist文件有l

@vue/cli-service 5.X版本打包dist文件有l

作者: 陌小亓 | 来源:发表于2022-07-20 10:56 被阅读0次

英文文档
vue脚手架文档的解释
中文文档
vue现代模式说明

官方目前为了开启<script type="module">的现代模式, 又为了适配低版本的浏览器从而添加<script nomodule>最直观的感受就是打包的速度变慢

直接执行npm run build相当于npm run build --modernvue脚手架中对于build配置的部分说明,打包生成的dist文件中有后缀为.legacy.js文件。此时,在index.html文件中可以看到<script type="module">和<script nomodule>是共存的。

image.png

解决方案:

  1. yarn build --no-module
  2. 可以在.browserslistrc文件或者package.json中添加
    browserslist的文档说明
    .browserslistrc文件
> 1%
last 2 versions
not dead
not IE 11

package.json

"dependencies":{},
"browserslist":{
    > 1%
    last 2 versions
    not dead
    not IE 11
}

参考文档

相关文章

网友评论

      本文标题:@vue/cli-service 5.X版本打包dist文件有l

      本文链接:https://www.haomeiwen.com/subject/gjyeirtx.html