怎么对vue项目进行打包 - 行业资讯 - 肥雀云

介绍

这篇文章将为大家详细讲解有关怎么对vue项目进行打包,文章内容质量较高,因此小编分享给大家做个参考,希望大家阅读完这篇文章后对相关知识有一定的了解。

终端运行命令npm运行构建

打包成功的标志与项目的改变,如下图:

,点击指数。html,通过浏览器运行,出现以下报的错,如图:

那么应该如何修改呢?

具体步骤如下:

<李>

1,查看package.js文件的脚本命令

<李>

2,打开webpack.dev.conf.js文件,找到publicPath: config.dev.assetsPublicPath,按Ctrl点击,跳转到index.js文件

<李>

3,其中开发是开发环境,构建是构建版本,找到构建下面的assetsPublicPath: & # 39;/& # 39;,然后修改为assetsPublicPath: & # 39;。/& # 39;,即“/鼻凹拥恪?/p> <李>

4,终端运行npm运行构建即可。

此时点击指数。html,通过浏览器运行,便会发现动态绑定的静态的图片找不到,故静态必须使用绝对路径。将图片路径修改为绝对路径,至此,打包完成。

关于怎么对vue项目进行打包就分享到这里了,希望以上内容可以对大家有一定的帮助,可以学到更多知识。如果觉得文章不错,可以把它分享出去让更多的人看的到。