问题
在平常开发vue项目完成后，我们一般使用webpack将项目代码打包压缩成一个文件，然后部署到tomact上。若项目中未对配置文件进行处理，则配置文件会被编译打包。导致的后果就是：即使修改了一个小小的配置信息，都必须重新进行项目打包。这样显得很麻烦了。
需求点
打包后的配置文件可二次修改，无须重新打包
具体实现
一、静态资源文件两种引入方式
- 经过webpack处理： 在JavaScript中被导入或者template、CSS导入的，都会经过webpack处理。
- 不经过webpack处理： 放置在public文件夹内，或者使用绝对路径引用的文件，不会经过webpack处理。
注意：vue-cli脚手架生成的项目，public文件夹的静态资源在打包时候只是简单的复制，不经过webpack处理（对应以前版本是static文件夹）
二、创建配置文件并使用
-
public文件夹新建配置文件,如constant.js（注意：由于不经过babel编译，建议使用ES5语法）
-
index.html中使用script标签引入 constant.js文件
-
相对路径：因为编译后index.html 和 constant.js文件在同一层级
-
绝对路径：<%= BASE_URL %> 会替换为 process.env.BASE_URL对应的值
- 项目中使用，如： CONSTANT.变量
