Vue开发系列三-打包
编译完了后,我们对代码进行打包处理
npm run build
默认会生成dist文件夹,同时还生成了.map文件
去掉 map 文件
编辑 /config/index.js
文件,找到其中的
productionSourceMap: true, 改为 fasle
编译后有个提示
Tip: built files are meant to be served over an HTTP server.
Opening index.html over file:// won't work.
就是说,只能运行在http服务上,直接打开文件是不行的。
我们可以本地启用一个http服务模拟
首先需要安装
npm install http-server -g ,安装过就不需要安装了
cd 到dist目录 执行
http-server -p 3000
会出现如下:
Starting up http-server, serving ./
Available on:
http://127.0.0.1:3000
http://10.49.33.241:3000
Hit CTRL-C to stop the server
浏览器输入任意一个即可。
是不是很简单。
实际项目中了,我们的代码可能部署到子目录下,如http://127.0.0.1:3000/dist/ 下,该如何部署呢
编辑 config/index.js
文件,
找到
assetsPublicPath: '/', 改为 assetsPublicPath: '/dist/'
重新编译 npm run build 和运行
npm run dev