webpack中package.json中的Script

更多内容已经迁移至掘金，欢迎来指导学习：

https://juejin.im/post/5d64d2205188252e8f4b4d59

# 介绍

1. 始化项目 cnpm init -y ，会自动生成一个package.json文件，

2. package.json文件主要是显示项目的名称、版本、作者、协议等信息

3. 在package.json中scripts中配置相关参数，可以使运行简化

# 开发模式

"dev": "webpack --config webpack.config.js"

"dev": "webpack --env development --config webpack.config.js",

"dev": "webpack" webpack会直接自动去找webpack.config.js文件并执行）

"dev": "webpack --mode development"

"dev": "webpack --mode development --progress --colors"

--progress ：显示编译过程和百分比

--colors：编译结果显示不同的颜色

# 生产模式

"prod": "webpack -p",

"prod": "webpack --mode production",

"prod": "webpack --env production --config webpack.config.js",

# 开发服务器模式

"server": "webpack-dev-server",

# 字段name和version

在package.json中最重要的就是name和version字段

他们都是必须的，如果没有就无法install

name和version一起组成的标识在假设中是唯一的

改变包应该同时改变version

# 字段description

项目的描述，字符串类型

# 字段keywords

项目的关键字

# 字段homepage

项目官网的url

# 字段bugs

项目提交问题的url和（或）邮件地址

{ "url" : "http://github.com/owner/project/issues"

, "email" : "project@hostname.com"

}

你可以指定一个或者指定两个。如果你只想提供一个url，那就不用对象了，字符串就行。

如果提供了url，它会被npm bugs命令使用。

# 字段license

指定项目的许可证，可以使人知道使用的权利和限制的。

如果是用一个像BSD或者MIT这样通用的许可证，就只需要指定一个许可证的名字

{ "license" : "BSD" }

如果你有更复杂的许可条件，或者想要提供给更多地细节，可以这样:

"licenses" : [

{ "type" : "MyLicense"

, "url" : "http://github.com/owner/project/path/to/license"

}

]

在根目录中提供一个许可证文件也蛮好的。

# 字段files

files是一个包含项目中的文件的数组。如果命名了一个文件夹，那也会包含文件夹中的文件。（除非被其他条件忽略了）

你也可以提供一个.npmignore文件，让即使被包含在files字段中得文件被留下。其实就像.gitignore一样。

# 字段scripts

“scripts”是一个由脚本命令组成的hash对象，他们在包不同的生命周期中被执行。key是生命周期事件，value是要运行的命令