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