前端项目-webpack-打包发布

前端项目-webpack-打包发布


目录

文章目录

    • ***后记*** :



内容

示例项目查看之前的博文webpack相关博文

  • 上线之前,需要通过webpack将应用进行整体的打包,可以通过package.json文件配置打包命令:

      	// 在package.json文件中配置webpack打包命令
      	// 该命令默认加载项目根目录下的webpack.config.js配置文件
    
      	"script": {
      		"build": "webpack -p"
      	}
    
  • 终端运行打包命令:

      npm run build 
    
  • 打包之后生成目录和文件:前端项目-webpack-打包发布_第1张图片

直接把dist目录中的内容放置在服务器上即可运行前端项目,这里只是简单演示下,直接浏览打开index.html即可查看。

后记

vue官网地址:https://cn.vuejs.org/

本项目为参考某马视频开发,相关视频及配套资料可自行度娘或者联系本人。上面为自己编写的开发文档,持续更新。欢迎交流,本人QQ:806797785

前端项目源代码地址:https://gitee.com/gaogzhen/vue
后端JAVA源代码地址:https://gitee.com/gaogzhen/JAVA

你可能感兴趣的:(#,webpack,webpack)