vue打包后的js文件内容，vue打包成js文件然后引入调用

如何解决使用vue打包时vendor文件过大或者是app.js文件很大的问题

1、使用“js压缩”工具可缩小体积，可百度搜索“js压缩”查找工具 把vendor.js代码ctrl + a全选，再ctrl + c复制，粘贴到js压缩工具里，点击“压缩”或“普通压缩”，然后再把压缩后的代码复制粘贴到vendor.js文件中。

2、因此本文将主要讲解Vue项目打包后js、css、svg等文件过大的解决办法。

3、修改index.html页面，再head中引入cdn。修改webpack.base.conf.js文件中的module.exports 添加externals配置：删除main.js中的相应import from。

4、使用splitChunks插件，拆分体积超大的包，解决单个包过大的问题。

5、你问的是vue打包后字体过大怎么办吗？这种情况解决办法如下：根据今日头条资料，使用相对单位：在样式表中使用相对单位（如em、rem、vw、vh）来定义字体大小，这样可以根据视口的大小来动态适配字体大小。

相关问答

Q1: 直接在浏览器上修改vue打包后的js

创建js文件。index.html中引入这个js文件，在vue.config中调用免打包配置文件，现在在界面中就可以拿到js中定义的常量config，可以直接在界面上使用。浏览器本质就是一款软件，安装在操作系统之上。

在桌面找到自己下载的浏览器软件，点击浏览器图标。在浏览器中随便找个网址登入。在网页上右键鼠标，弹出右键菜单中选择“审查元素”选项（或按F12），弹出开发工具弹框，在弹框中选择“Sources”选项。如下图所示。

您要问的是vue打包直接修改js没用是怎么回事？原因如下。忘记重新启动开发服务器。修改node_modules中的文件，并不会触发热更新，需要手动重启服务器才能生效。

Q2: vue打包后js中包含本地文件的绝对路径,怎么修复

案例环境通过vue-cli脚手架创建的vue项目在项目打包的时候遇到了背景图片路径出错的问题，经过谷歌一番，发现是在配置的时候对图片的限制大小过小造成的首先，出错点在url-loader上面。

webpack打包以后，在dist文件中生成一个static的目录和一个index.html，会默认把图片路径改为static/img，这样的路径错误的取不到图片。

解决方法：打开脚手架的config文件中的index.js文件，查看build对象内的assetsPublicPath(发布路径)是否为./。

这样所有资源都会被链接为相对路径，这样打包后的文件可以被部署在任意路径。

创建js文件。index.html中引入这个js文件，在vue.config中调用免打包配置文件，现在在界面中就可以拿到js中定义的常量config，可以直接在界面上使用。浏览器本质就是一款软件，安装在操作系统之上。

关于vue打包后的js文件内容和vue打包成js文件然后引入调用的介绍到此就结束了，不知道你从中找到你需要的信息了吗 ？如果你还想了解更多这方面的信息，记得收藏关注本站。