vue项目打包详细流程

第一步: 检测自己的项目是否是vue的脚手架的搭建 
             vue脚手架---->vue-cli-->webpack(底层)

第二步: 检测自己的项目是否是完整的
             运行vue项目:   npm  run serve  或者  yarn serve

第三步: 打包
      在src的同级目录新建 vue.config.js的文件
      vue.config.js是配置文件
    
第四步: 配置内容

const path = require('path')
module.exports = {// 基本路径   整个文件夹在哪publicPath: './',// 输出文件目录   文件夹名outputDir: 'dist',// 放置生成的静态资源 (js、css、img、fonts) 的 (相对于 outputDir 的) 目录。    资源放的目录assetsDir: "./static",// 指定生成的 index.html 的输出路径 (相对于 outputDir)。也可以是一个绝对路径    index的路劲和名字indexPath: './index.html',// eslint-loader 是否在保存的时候检查lintOnSave: true,// runtimeCompiler: true, // 运行时版本是否需要编译transpileDependencies: [], // 默认babel-loader忽略node_modules，这里可增加例外的依赖包名productionSourceMap: false, // 是否在构建生产包时生成 sourceMap 文件，false将提高构建速度css: {// 配置高于chainWebpack中关于css loader的配置// modules: true, // 是否开启支持‘foo.module.css’样式// extract: true, // 是否使用css分离插件 ExtractTextPlugin，采用独立样式文件载入，不采用