webpack入门笔记——package.json管理

package.json 是项目配置文件，用于快速还原项目环境

当托管代码时，不会把整个node_modules文件夹上传上去，否则太慢了（以万为单位的文件数量），只需要把package.json上传即可

再次配置环境时，直接 cnmp install 即可重新生成所有依赖，一下是注意的配置项

配置项

scripts

配置脚本命令

语法

"scripts": {
    "name":"运行脚本"
}
复制代码

比如：

"scripts": {
    "test": "echo \"Error: no test specified\" && exit 1"
}
复制代码

使用：

npm run test
复制代码

devDependencies & dependencies

devDependencies 项目运行开发需要的依赖包，安装时使用 --save-dev 命令的都会保存在这

dependencies 生产时的需要的依赖包，安装时使用 --save 命令的都会保存在这

main

发布后，加载的入口文件

private

设为true，表明是私有的，避免不小心把自己的项目发不了，一般开发时保险起见，如下设置

"private": true,
//删除入口，注释报错
//"main": "index.js" 
复制代码

设置为私有，并注释入口

sideEffects

webpack中的 tree shaking 用来减少无用的export代码，需要在此文件配置

"sideEffects": false
复制代码

或者配置，不进行删减的文件，尤其是css

"sideEffects": [ 
    "./src/some-side-effectful-file.js",
    "*.css"
]
复制代码