[前端]webpack打包流程详解

我们一般用vue-cli脚手架搭建的项目,会用webpack打包,因为vue-cli是基于webpack的.
为什么打包? 就是将所有的脚本文件js或css文件等都合并到一个文件

步骤:

  1. npm run build
    会多一个dist文件
    将dist文件里的代码上传到服务器,输入ip就可以访问哟
  2. 项目打包后,vue的脚手架默认会把网站放到服务器的根目录上,当如果一个www的服务器存放了多个代码,就会需要修改文件的路径
    方法:
    2.1 在根目录下创建一个 vue.config.js文件
    2.2 在文件中配置如下代码:
	module.exports = {
		publicPath:'',
		productionSourceMap:false
	}
	// productionS**加粗样式**ourceMap:false是移除在打包过程中产生的map文件,map文件是代码打包过程中的错误

2.3 npm run build

展开阅读全文
  • 0
    点赞
  • 0
    评论
  • 0
    收藏
  • 一键三连
    一键三连
  • 扫一扫,分享海报

相关推荐
©️2020 CSDN 皮肤主题: 大白 设计师:CSDN官方博客 返回首页
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、C币套餐、付费专栏及课程。

余额充值