vue cli3 打包

vue cli3 如何打包

1. vue cli3 打包命令

   **npm run build**
   

2. 而打包的时候我们要配置一下，因为vue-cli3没有vue.config.js文件，所以我们要在根目录下建一个 vue.config.js文件 如图
加粗样式

**3. 在vue.config.js中写入

	// 如果是vue cli3.3版本之前
	module.exports = {
	  		 baseUrl:"/" 
	}

 	// vue3.3版本之后
	module.exports = {
	
	 	 publicPath:"./"   
	 	 // 或者
	 	 publicPath: process.env.NODE_ENV === "production" ? './' : '/' 
		 // 哪个都可以
	}

4. **打包完成注意事项：
   打包完成后查找dist文件夹下的index.html,打开index.html,会是一片白屏，控制台会有报错，但这不是打包失败，所以要设置一下。
   **
5. 在router.js下把mode设置成mode:'hash’就可以看到了