browserslistrc文件

如果开发的项目根目录下没有jsconfig.json，在默认情况下，像VSCode，默认不会把node_modules文件夹排除掉。

assets文件夹：放置静态资源（多个组件共用的静态资源），在webpack打包时会把静态资源当成模块打包到JS文件中

如果重新npminstall的时候以及当node_modules文件夹并不存在或被删除时，需要用到npminstall重新装载全部依赖时，通过package-lock.json可以直接表明下载地址和相关依赖，就无需再从package.json逐个分析包的依赖项，因此会大大加快安装速度，package-lock.json目的就是确保所有库包与你上次安装的完全一样。

记录当前项目所依赖模块的版本信息，更新模块时锁定模块的大版本号（版本号的第一位）,不能锁定后面的小版本，

因为package.json只能锁定模块的大版本号（版本号的第一位），不能锁定后面的小版本，所以你每次重新npminstall时候拉取的都是该大版本下面最新的版本。一般我们为了稳定性考虑我们不能随意升级依赖包，因为如果换包导致兼容性bug出现很难排查，这样很容易出现问题，所以package-lock.json就是来解决包锁定不升级问题的

rcvp是什么文件

意思就是与开发无关的文件可以让IDE全部在编译时排除掉，像上面的配置中就排除了，构建过程依赖文件（node_modules）和生成的文件(dist目录)排除这些文件，

package-lock.json是在`npminstall`时候生成一份文件。记录了node_modules目录下所有模块（包）的名称、版本号、下载地址、及这个模块又依赖了哪些依赖。

package-lock.json文件锁定所有模块的版本号，包括主模块和所有依赖子模块。当你执行npminstall的时候，node从package.json文件读取模块名称，从package-lock.json文件中获取版本号，然后进行下载或者更新。

另外，package.json文件只记录你通过npminstall方式安装的模块信息，而这些模块所依赖的其他子模块的信息不会记录。

在工程中，并不是所有文件都需要保存到版本库中的，例如“target”目录及目录下的文件就可以忽略。在Git工作区的根目录下创建一个特殊的.gitignore文件，然后把要忽略的文件名填进去，Git就会自动忽略这些文件或目录。

browser文件夹能删除吗

以前，没有package-lock.json这个文件。package.json文件会记录你项目中所需要的所有模块。当你执行npminstall的时候，node会先从package.json文件中读取所有dependencies信息，然后根据dependencies中的信息与node_modules中的模块进行对比，没有的直接下载，已有的检查更新。

配置在package.json的browserslist配置项中，当我们执行browserslist命令时，browserslist底层就会优先去package.json中获取查询条件，而不是使用默认查询条件。

对于单页面而言，就没有这些烦恼，webpack打包后的单个js和css文件可以直接引入到唯一的单页面中。

当fetch('/proxy/api/users')请求被触发时，会先去本地服务器查找有没有对应接口，如果没有则会去找webpack.config.js的devServer.proxy配置，看有没有对应的转发配置

而报错*有时候，不需要精确到列，只需要精确到哪一行即可，因此我们还可以设置devtool：'cheap-module-source-map'，来减少生成sourcemap的代价

标签： #文件 #browserslistrc #rcvp