在开发环境中运行项目没有问题。打包后，报告各种错误以整理遇到的问题

1.打包的网页无法访问静态目录的资源

原因是下载官方cli时，默认设置是按照绝对路径定位资源目录，这对于dev环境下的本地调试非常方便。但是，在打包和部署之后，需要通过相对路径访问静态资源。修改方法很简单。在config/index.js文件中，找到

将资产公共路径的值更改为“”。/'.修改后，打包生成的文件，并添加。/'到资源的引用路径，这样就可以找到相应的资源文件

2.可以找到静态资源文件，但是找不到css文件中引用的资源

原因是打包时，处理静态文件下的所有资源，生成的文件名加上hashcode就是一个新命名的文件。例如，在css文件中引用了ttf(字体文件)。由于ttf文件打包后被处理成xxx hashcode.ttf文件，所以原始的css文件引用肯定找不到处理后的ttf文件。

解决方案是修改build/util.js文件

，添加公共路径：'././'

我们会发现打包后的css文件会自动在ttf文件的引用路径中添加hashcode，完美解决了css引用外部资源无效的问题

3.图片、MP4、字体等资源比较大，超出限制，导致文件没有打包。您可以通过 build webpack.base.conf.js。

,

修改文件大小限制

4.打包后的css样式与测试环境不同，因为打包后的css文件调用顺序混乱。

当引入所有第三方库的css文件时，必须在引入App文件之前引入。以上只是对main.js文件的修改，可以根据需要修改对应的js文件

以上就是本文的全部内容。希望对大家的学习有帮助，支持我们。