webpack打包上线

1、在终端运行npm run build

npm run build

  看到 Build complete. 就是打包完成

webpack打包上线_第1张图片

 项目中会多出一个dist目录,就是我们要上线的内容

webpack打包上线_第2张图片

 webpack打包上线_第3张图片

 在本地开启一个服务器

webpack打包上线_第4张图片

将dist目录里的文件复制到服务器目录下,与后端的接口文件同级,本地访问localhost就可以看到项目能够正常运行了

这样就是一个简单的项目打包上线的过程。

如果想要打包的文件放在后端服务器目录的一个文件中,通过localhost/project 这样的形式去访问

可以到config的index.js中修改 build的assetsPublicPath就可以访问了

webpack打包上线_第5张图片

你可能感兴趣的:(开发,webpack,前端,node.js)