打包和优化Vue CLI3项目

一、新建项目

采用 vue-cli3 工具来快速创建一个基础的Vue项目，并访问其官方文档：Cli3 官方文档。

由于采用了cli3技术，在项目运行过程中失去了许多原有的文件夹。配置参数存储在vue.config.js这个文件中，并且建议在项目根目录处创建一个新的vue.config.js文件。

    module.exports = {}

二、正式优化

1、将 productionSourceMap 设为 false

(1) 在vue.config.js中module.exports写入：

 module.exports = {

    
     productionSourceMap: false
    
 }

2、图片压缩

在Vue常见打包过程中会遇到图片文件较大导致打包体积较大的问题
借助[image-webpack-loader](https://links.jianshu.com/go?to=https%3A%2F%2Fwww.npmjs.com%2Fpackage%2Fimage-w