我的解决办法 1把不常改变的库放到indexhtml中，通过cdn引入，比如下面这样然后找到build文件，在 moduleexports = 中添加以下代码externals #39vue#39 #39Vue#39， #39vuerouter#39 #39Vu。

可能是内存空间不足，内存空间不足会导致内容太大而预览失败这就是其主要原因之一，可以适当的清理内存，把不必要的删掉以上便是我的答案，谢谢。

这两天发现一个特别奇怪的问题，做好的Vue项目打包后页面整体都缩小了，然后去度娘上搜索解决方案，但是上面都是页面放大或者防止页面缩小放大的解决方案，好不容易搜到有类似的标题，但是没有解决方案，百思不得其解，各种方。

一般情况如果用过第一种方案成功可以不使用第二种，我是遇到第一种配置内存还不起作用的时候用第二种方案生效全局安装increasememorylimit 命令行cmd窗口运行npm install g increasememorylimit，进入项目文件夹。

VUE3多页面打包 方式一webpack配置 webpack安装参考安装 webpack 中文网直接在packagejson同级目录下创建创建一个webpack的配置文件即可，然后在配置文件内输入内容方式二vuecli配置 vu。

项目地址 vuefiction 只总结了亲测效果明显的几种方案，解决方案大多来自于日常总结及各路大佬，如有不足，请大佬补充~当我们运行项目并且打包的时候，会发现chunkvendorsjs这个文件非常大，那是因为webpack将所有的依赖。

1修改indexhtml页面，再head中引入cdn2修改文件中的moduleexports 添加externals配置3删除mainjs中的相应import from因为如果不删除，打包的时候还会把这两个文件打进去 在Vuecli 30中。

一安装compressionwebpackplugin插件前端将文件打包成gz文件，然后通过nginx的配置，让浏览器直接解析gz文件，可以大大提升文件加载的速度二接下来要去修改vue的配置文件 三 打包后对比。

一使用CDN资源我们在打包时，会将packagejson里，dependencies对象里插件打包起来，我们可以将其中的一些使用cdn的方式加载，例如不想把vue，axios，vuex，vuerouter打包到我们项目中，我们需要这样1打开。

网上很多说自己的VUE项目通过Webpack打包生成的list文件，放到HBulider打包后，通过手机打开一片空白这个主要原因是路径的问题1记得改一下config下面的indexjs中bulid模块导出的路径因为indexhtml里边的内容都是通过。

3进入项目目录，安装相关项目依赖cd expressName npm install#160#160或cnpm install 4将Vue build后生成的dist文件夹下的所有文件复制到express项目的publick文件夹下面，然后运行#160#160npm start#160。

Vue项目编写完成后，一般需要打包压缩成新的文件，下面简单介绍一下是如何对Vue项目打包的工具原料npm方法步骤1npmrunbuild 2build进行中，一般这个过程需要一点点时间 3打包完成，可以看到有提示buildcomplete 4build完成。

1如果是vue2x，在vue项目中安装依赖并将configjs中的productionGzip改为true，开启Gzip压缩，npm install savedev compressionwebpackplugin 运行npm run build 打包项目，这时如果有提示报错ValidationError。

解决方法如下1本地项目利用WebStrom做开发，vue框架2，项目在开发模式下运行npmrundev，各功能表现的按照预期，主流浏览器chrome，firefox360，搜狗兼容性良好3打包npmrunbuild在项目根目录下。

这个错误信息表明在 srccomponentsscreenScreenMapvue 文件的模板部分vuetype=templateid=e0320e46scoped=true中出现了语法错误具体来说，是在第 1 行的第 6071 个字符处出现了一个意外的符号你可以。