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

·  阅读 212

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"
]
复制代码