vue项目打包
(在vsCode)
1、Ctrl + ` 调出终端,输入打包命令 npm run build
打包成功标志,如下图:
在项目工程里面的有打包成功后的 dist 文件夹
运行index.html,浏览器会有以下报错:
问题处理步骤
1、查看package.js文件的scripts命令,打开webpack.dev.conf.js
2、打开webpack.dev.conf.js文件,找到publicPath: config.dev.assetsPublicPath,按Ctrl点击,跳转到config下的index.js文件
3、其中dev是开发环境,build是构建版本,找到build下面的assetsPublicPath: ‘/’,然后修改为assetsPublicPath: ‘./’,即“/”前加点
4、终端运行 npm run build 重新打包即可
再次运行index.html 成功显示
Vue项目打包步骤
最新推荐文章于 2024-06-06 15:52:11 发布