vue项目配置详解（一）

1.首先一个vue项目是带有package.json的

# 在运行项目的时候指定配置文件，如果没有指定，则默认为根目录下的webpack.config.js文件

# 这个项目将环境配置进行拆分便于管理，其中webpack.base.config.js 是公用的一些配置，配置进行了拆分就需要合并，合并配置需要用到webpack-merge

# webpack-merge做了两件事：它允许连接数组并合并对象，而不是覆盖组合。

2.接下来看一下公共配置部分

在任何模块文件内部，可以使用__dirname变量获取当前模块文件所在目录的完整绝对路径。

此处entry 入口配置 app 为打包后文件名称

webpack在寻找相对路径的文件时会以context为根目录，context默认执行启动webpack时所在的当前工作目录。若想改变context的默认配置，可如图设置

温馨提示：

此处是便于我们引用文件方便，可以不用写后缀， alias 是设置别名也是方便文件引用

module 下面的rules 为webpack 解析模块的规则以以及解析所需要的loader

3.接着看指定配置文件

请看下文....

TO BE CONTINUED