vue工程屏蔽打包legacy文件

已于 2022-03-16 15:10:55 修改
阅读量2.7k 收藏 2
点赞数 1
分类专栏： vue.js 文章标签： vue.js 前端 javascript
于 2022-03-16 15:03:30 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq407949480/article/details/123526754
版权

我们在进行vue工程(@vue/cli 5.0.1搭建的工程)打包的时候，总是会生成类似539-legacy.48fd84f6.js这种类型文件，这其实webpack打包时帮我们兼容低版本浏览器而生成的文件，如果我们的前端工程只在google等现代浏览器版本上运行，打包的时候可以完全可以屏蔽生成-legacy文件，从而也可以节省时间和空间，方式也很简单

找到.browserslistrc。后面添加一句话即可

not ie <= 11

♂♀放纸鸢
关注
  • 1
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
vue编译打包本地查看index文件的方法
08-27
下面小编就为大家分享一篇vue编译打包本地查看index文件的方法，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
Vue3.x的版本中build后dist文件中出现legacy的js文件
小火车况且况且况且的博客
05-14 1978
Vue3.x的版本中build后dist文件中出现legacy的js文件 1. 问题描述 出现的主要原因可以参照 vue脚手架文档的解释(这里是英文文档, 主要是目前老夫写这个博客时, 中文文档没有这个页面) vue现代模式说明 老夫的理解其实就是官方目前为了开启<script type="module">的现代模式, 又为了适配低版本的浏览器从而添加<script nomodule>, 其实最直观的感受就是打包的速度变慢了 🚨🚨🚨 老夫使用的是yarn各位彦祖可以直接替换为npm的
1. Vue项目打包
kingonlyuserjava的博客
08-27 1487
-legacy-peer-deps：安装时忽略所有peerDependencies，忽视依赖冲突，采用npm版本4到版本6的样式去安装依赖，已有的依赖不会覆盖。--force 会无视冲突，并强制获取远端npm库资源，当有资源冲突时覆盖掉原先的版本。使用--force或--legacy-peer-deps可解决这种情况。建议用--legacy-peer-deps 比较保险一点。在终端重新安装即可解决。...
Vue打包问题汇总：legacy、runtime.js
最新发布
彭世瑜的博客
03-13 492
解决办法是添加兼容的浏览器。
vue生成word打包下载.zip
03-25
vue生成word打包批量下载
前端开源库-webpack-legacy
08-29
前端开源库-webpack-legacywebpack legacy，为浏览器打包commonjs/amd模块。允许将代码库拆分为多个捆绑包，这些捆绑包可以按需加载。支持加载器对文件进行预处理，例如JSON、Jade、Coffee、CSS、Less…，以及您的自定义内容。
解决Vue报错：Legacy octal literals are not allowed in strict mode.
weixin_45802287的博客
02-08 598
JS严格模式
@vitejs/plugin-legacy不能使vue3支持ie11
热门推荐
个人博客
03-04 1万+
个人误解了
vue运行之神奇的npm install --legacy-peer-deps
我的专栏
08-26 3156
网上找个例子，运行的时候各种冲突，各种报错。直到运行了神奇的npm install --legacy-peer-deps指令才成功。记录如下：
vue-cli 初始化创建 vue2.9.6 项目
wgchen
04-29 4856
阅读目录vue-cli 安装vue-cli 初始化创建项目1、vue init命令讲解2、初始化创建项目package.json项目结构1、build目录（webpack配置）2、config目录（vue项目配置目录）3、node_modules（项目依赖包）src 项目核心文件讲解项目的主页 E:\node\vue296\index.html入口文件 E:\node\vue296\src\main.js根组件 E:\node\vue296\src\App.vue路由配置 E:\node\vue296\sr
Vue-cli配置打包文件本地使用的教程图解
10-18
主要介绍了Vue-cli配置打包文件本地使用的教程图解,非常不错，具有一定的参考借鉴价值，需要的朋友可以参考下
Vue工程模板文件 webpack打包配置方法
10-18
A base project with Vue.js2、Vue-Router、webpack2 and with iView2.
解决Vue打包之后文件路径出错的问题
08-27
下面小编就为大家分享一篇解决Vue打包之后文件路径出错的问题，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
vue打包之后生成一个配置文件修改接口的方法
10-17
主要介绍了vue打包之后生成一个配置文件修改接口 的相关资料,本文分步骤给大家介绍的非常详细，具有一定的参考借鉴价值，需要的朋友可以参考下
Vue 中批量下载文件并打包的示例代码
11-26
思路: 用 ajax 将文件下载, 然后用 jszip 压缩文件, 最后用 file-saver 生成文件 1. 准备工作 安装 3 个依赖: axios, jszip, file-saver yarn add axios yarn add jszip yarn add file-saver 2. 下载文件 import ...
[vue问题]Uncaught SyntaxError: Not available in legacy mode
前端
03-21 931
Vue 3 允许您混合使用 Options API 模式和 Composition API模式，Options API 模式也即Legacy mode, 但自 v9 初始版本以来，Vue i18n 不允许混合使用 API 模式，因此您需要根据你的vue3采用的模式来确定Vue i18n 使用哪个模式。因为我的vue的代码使用的是Composition API风格代码， 因此需要设置vue-i8n为Composition API模式。但是vue-i8n的v9.x版本主要是支持vue3.x版本。
【前端】重学vue，vue生命周期基础知识了解一下
小冷coding的博客
03-22 228
vue生命周期
vue-使用npm下载包时报错解决办法：--legacy-peer-deps
m0_57133702的博客
07-08 1757
【代码】vue-使用npm下载包时报错解决办法：--legacy-peer-deps。
vue工程怎么打包成手机app
04-03
要将Vue工程打包成手机应用程序，您可以使用以下步骤： 1.使用Vue CLI创建一个新的Vue项目。 2.安装Cordova和相关插件。Cordova是一个开源的移动应用程序开发框架，它允许您使用JavaScript，HTML和CSS构建本机移动应用程序。在使用Cordova之前，您需要安装Cordova CLI和相关插件。 3.构建Vue项目。使用npm run build命令构建Vue项目，生成用于生产的静态文件。 4.创建Cordova项目。使用Cordova CLI创建一个新的Cordova项目，该项目将用于将Vue应用程序打包成本机应用程序。 5.将Vue应用程序添加到Cordova项目中。将Vue项目的构建文件复制到Cordova项目的www文件夹中。 6.添加平台。使用Cordova CLI添加您要构建的平台，例如Android或iOS。 7.构建应用程序。使用Cordova CLI构建应用程序，生成本机应用程序文件。 8.测试和发布。将应用程序文件安装到设备上进行测试，并将应用程序提交到应用商店进行发布。 这些步骤应该能帮助您将Vue工程打包成手机应用程序。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值