vue项目中webpack的require问题

Question

就是一个普通的vue项目，然后在dev-server.js文件中，有这么一条语句

const config = require('../config')

然后文件的目录结构是这样的

想问， require('../config')难道是把整个config文件夹都给require进来了嘛？require这么牛的嘛

---

有大佬告诉说require('../config')写成这种形式，默认的就require进了index.js,想问为什么是这样的呢？

Answer 1

第一个问题
你没有发现config 文件夹下面有个index.js吗

（1）如果 X 是内置模块（比如 require('http'）)
　　a. 返回该模块。

　　b. 不再继续执行。

（2）如果 X 以 "./" 或者 "/" 或者 "../" 开头 

　　a. 根据 X 所在的父模块，确定 X 的绝对路径。
　　b. 将 X 当成文件，依次查找下面文件，只要其中有一个存在，就返回该文件，不再继续执行。

 X
X.js
X.json
X.node

　　c. 将 X 当成目录，依次查找下面文件，只要其中有一个存在，就返回该文件，不再继续执行。

X/package.json（main字段）
X/index.js
X/index.json
X/index.node
（3）如果 X 不带路径 

　　 a. 根据 X 所在的父模块，确定 X 可能的安装目录。
　　 b. 依次在每个目录中，将 X 当成文件名或目录名加载。
（4） 抛出 "not found"

第二个问题
assetsPublicPath 你通读代码以后会发现，这个值会被赋值给 PublicPath

Public Path(公共路径)

webpack 提供一个非常有用的配置，该配置能帮助你为项目中的所有资源指定一个基础路径。它被称为公共路径(publicPath)。