一、scripts字段css
相似于快捷键,把一个复杂的命令起个简单的名字html
当咱们在命令窗口使用:npm run 简名,就至关于运行了其表明的复杂命令webpack
二、dependencies字段,devDependencies字段es6
dependencies指定项目运行所依赖的模块,devDependencies指定项目开发所须要的模块web
版本号"~3.3.7" 表明安装3.3.x系列的最新版本,不安装4.x.x系列的版本npm
版本号"^3.3.7" 表明安装3.x.x系列的最新版本,不安装4.x.x系列的版本浏览器
版本号"3.3.7" 表明安装固定的3.3.7这个版本babel
三、main字段,指定加载的入口文件webpack-dev-server
四、模块加载器(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