package.json详解

1、scripts字段

  类似于快捷键,把一个复杂的命令起个简单的名字

  当我们在命令窗口使用:npm run 简名,就相当于运行了其代表的复杂命令

2、dependencies字段,devDependencies字段

  dependencies指定项目运行所依赖的模块,devDependencies指定项目开发所需要的模块

  版本号"~3.3.7"  代表安装3.3.x系列的最新版本,不安装4.x.x系列的版本

  版本号"^3.3.7"  代表安装3.x.x系列的最新版本,不安装4.x.x系列的版本

  版本号"3.3.7"    代表安装固定的3.3.7这个版本

3、main字段,指定加载的入口文件

4、模块加载器(npm install xxx-loader --save-dev)

  babel是能把es6内容转化为es5内容的工具

  css-loader   处理css文件

  style-loader 处理css样式文件

  html-loader  处理html文件

  (webpack默认只能打包js文件,对于CSS或其他文件打包如有报错,则说明需要安装对应的加载器才能支持webpack打包)

  webpack-dev-server 是一个轻量级的服务,功能修改代码及时呈现到浏览器上,安装命令:npm install webpack-dev-server -g

猜你喜欢

转载自www.cnblogs.com/qpnets/p/8953112.html