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

转载于:https://www.cnblogs.com/menchao/p/8426290.html