vue-cli3项目打包流程

1，项目结构介绍

// 
public文件夹：index.html
src文件夹：assets文件夹等，main.js，App.vue,vue.config.js等

2，打包

// 
(1)输入口令：npm run build
打包后，启动生成的index.html会报404
(2)在跟目录中创建vue.config.js,在vue.config.js中写：
module.exports = {
 publicPath:"./",  // 可以设置成相对路径，这样所有的资源都会被链接为相对路径，打出来的包可以被部署在任意路径
  outputDir:"dist",  //打包时生成的生产环境构建文件的目录
  assetsDir: 'public',  // 放置生成的静态资源 (js、css、img、fonts)
}
(3)输入口令：npm run build,生成dist文件夹：
index.html,启动到浏览器，可看到页面，成功啦
public文件夹：css、js、fonts文件夹

3，说明

// 
从 Vue CLI 3.3 起已弃用baseURL，使用publicPath