真机测试
在 package.json 中 script 的 dev 代码中添加 --host 0.0.0.0 即可用内网地址访问项目
注意:vue-cli 4.0 不需要直接可以访问
image.png
打包上线
在项目目录执行 npm run build 生成 dist 目录即上线文件
上线前可修改 config/index.js 文件修改文件所属目录
image.png
异步组件实现按需加载
修改组件引入位置,改在路由中引入即可实现异步组件,
注意:只有当js文件特别大时才考虑异步组件
image.png
组件中的组件也可以使用异步组件来实现
image.png