node环境下：node_modules里面的文件

node环境下：node_modules里面的文件

package.json来制定名单，需要哪些npm包来参与到项目中来，npm install命令根据这个配置文件增减来管理本地的安装包。

1. dependencies(项目依赖库):在安装时使用--save则写入到dependencies
2. 和devDependencies（开发依赖库）：在安装时使用--save-dev将写入到devDependencies
3. node_modules文件里的依赖全部安装：npm install
4. node_modules文件里的依赖只安装dependencies：npm install --production
5. node_modules文件里的依赖只安装devDependencies：npm install packagename --dev

例：安装vant依赖：

node使用npm install vant –save 更新到dependencies下；生产环境必须。
node使用npm install vant –save -dev 更新到devDependencies下；用于开发阶段。

注意：

项目中import引进的模块都是要放在dependencies

package.json里面的配置文件

注释：

1. devDependencies和dependencies的区别：

devDependencies里面的插件只用于开发环境，不用于生产环境，即辅助作用，打包的时候需要，打包完成就不需要了。而dependencies是需要发布到生产环境的，自始至终都在。比如wepack等只是在开发中使用的包就写入到devDependencies，而像vue这种项目全程依赖的包要写入到devDependencies。

2. file-loader和url-loader的区别：

以图片为例，file-loader可对图片进行压缩，但是还是通过文件路径进行引入，当http请求增多时会降低页面性能，而url-loader通过设定limit参数，小于limit字节的图片会被转成base64的文件，大于limit字节的将进行图片压缩的操作。总而言之，url-loader是file-loader的上层封装。