web打包上线流程

首先把config.js中的publicpath的路径由‘/’改成‘./’把路径改为静态资源目录。这个是为了防止打包之后通过服务器进入找不到相应的图片路径

module.exports = {
  publicPath: "./",
	productionSourceMap: false,
};

其次在打包前需要做一些项目优化，详情见web打包优化。所有步骤做完之后，在终端输入npm run build会生成一个dist文件，这个文件是打包之后生成的代码的压缩版。

这个时候下载nginxhttp://nginx.org/en/download.html

下载解压之后就会看到对应的文字目录

打开cmd控制台，进入nginx的目录输入start nginx启动nginx服务器，进入浏览器输入localhost就可以看到服务器页面

这个时候把我们刚才打包好的dist文件夹放入ng