最近接到一个需求,公司需要对vue项目实现线上打包,并且生成对应的压缩包,依赖于vue-cli。 1.后台服务端提供的素材为一个项目json,需要解析生成一个完整的项目并且置入vue脚手架内。 2.生成完毕后,进行vue打包,在dist下生成项目各自的文件夹,然后将打包完成的vue项目放入 ...
写完项目的代码后,项目准备上线 ,可以使用 npm run build 命令 对项目打包。 但是经常出现打包好的项目是空白页的情况。这是因为需要我们手动配置。 解决方法如下 . 在vue项目的根目录 下创建 一个 vue.config.js文件。 .在文件中输入如下代码: module.exports publicPath: . , outputDir: dist , assetsDir: sta ...
2020-05-18 14:16 0 853 推荐指数:
最近接到一个需求,公司需要对vue项目实现线上打包,并且生成对应的压缩包,依赖于vue-cli。 1.后台服务端提供的素材为一个项目json,需要解析生成一个完整的项目并且置入vue脚手架内。 2.生成完毕后,进行vue打包,在dist下生成项目各自的文件夹,然后将打包完成的vue项目放入 ...
1.安装vue-cli 3.0 安装成功后查看版本:vue -V(大写的V) 2.命令变化 用法:create [options] <app-name> 创建一个由 `vue-cli-service` 提供支持的新项目 选项 ...
vue-cli项目打包: 1. 命令行输入:npm run build 打包出来后项目中就会多了一个文件夹dist,这就是我们打包过后的项目。 第一个问题,文件引用路径。我们直接运行打包后的文件夹中的index.html文件,会看到网页一片空白,f12调试,全是css,js ...
vue-cli项目打包: 1. 命令行输入:npm run build 打包出来后项目中就会多了一个文件夹dist,这就是我们打包过后的项目。 第一个问题,文件引用路径。我们直接运行打包后的文件夹中的index.html文件,会看到网页一片空白,f12调试,全是css,js ...
正常情况下用vue-cli创建的vue项目,直接执行npm run build命令后,确实能够得出一个dist文件夹,但打开其中的index.html后,显示一片空白,控制台报出的警告表示无法加载指定路径的脚本资源。 为了解决这个问题,需要在打包前先对输出路径进行一些声明处理,比如,在src ...
使用 vue-cli 打包完后项目出现空白页面的原因就是项目中使用到了相对路径,解决的办法也是非常简单,将config/index.js 中的 assetsPublicPath 修改为空 ‘’,默认值为 ‘/’。 ...
修改config/index.js中的 build对象 productionSourceMap: false, ...
问题如下:IP地址无法访问 进入文件“项目名-config-index.js”打开index.js文件,修改参数 修改后能正常访问: 如果我的文章对你有所帮助,欢迎点赞留言关注,感谢三联!!! 问题没有解决私聊博主!!!😘😘😘 CSDN:听说你很会玩 Github ...