package.json详解

一、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

相关文章
相关标签/搜索