vue项目打包后aap开头的js，vue打包后indexhtml直接打开空白

Vue项目打包后js文件压缩

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

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

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

4、也可参见这个项目 jade-blog 来配置；这一步即是你通过配置将部分库抽离出来，打包成另外的文件。

相关问答

Q1: vuejs项目打包后可能会出现的问题有哪些

1、网上很多说自己的VUE项目通过Webpack打包生成的list文件vue项目打包后aap开头的js，放到HBulider打包后vue项目打包后aap开头的js，通过手机打开一片空白。这个主要原因是路径的问题。记得改一下config下面的index.js中bulid模块导出的路径。

2、项目打包后路径错误导致404。webpack打包以后vue项目打包后aap开头的js，在dist文件中生成一个static的目录和一个index.htmlvue项目打包后aap开头的js，会默认把图片路径改为static/img，这样的路径错误的取不到图片。

3、，修改路由模式。2，修改publicPath。3，清空浏览器缓存。发现都没用。但是突然想到，为什么就只有一个接口出现这个问题。最后发现接口这里少vue项目打包后aap开头的js了个斜线。导致代理的路径错误。感人。

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

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

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

3、使用webpack-dev-server：提供了一个内建的服务器，可以提供源代码映射，以及一个简单的GUI界面来显示你的应用。使用它，你可以直接在浏览器中打开你的应用，并在开发者工具中进行调试。

4、在元素标签上右键审查元素。蓝色部分与红色箭头所指是选中的元素代码。点击箭头所指的部位，打开控制台，如果js 异常会在这里显示相关信息。按照箭头的顺序点击，在代码59行，打上断点。

5、在vue3项目根目录下找到vue.config.js文件。在该文件中添加代理配置，使用devServer.proxy进行代理配置。置代理的目标地址和路径，并保存文件。

vue项目打包后aap开头的js的介绍就聊到这里吧，感谢你花时间阅读本站内容，更多关于vue打包后indexhtml直接打开空白、vue项目打包后aap开头的js的信息别忘了在本站进行查找喔。