webpack的简单使用方式

webpack是什么

nodeJS开发的网页打包工具 ——nodeJS的一个模块

webpack的基本使用

1. 使用命令行工具初始化项目（npm  init  -y），得到一个package.json文件（项目配置文件）【文件夹中右键打开命令行，文件夹名不要设成中文】
2. npm i webpack@3.6.0 下载指定版本的webpack
3. package-lock.json的作用 就是锁定安装时的包的版本号，并且需要上传到git，以保证其他人在npm install时大家的依赖能保证一致。
4. 配置package.json文件

{
  "name": "app",
  "version": "1.0.0",
  "description": "",
  "main": "main.js",
  "dependencies": {
    "webpack": "^3.6.0"
  },
  "devDependencies": {},
  "scripts": {
    "dev":"webpack ./main.js ./build.js"
  },
  "keywords": [],
  "author": "",
  "license": "ISC"
}

"scripts": {
    "dev":"webpack ./main.js ./build.js"

1. 上面的代码就是配置webpack 要运行的JS文件，main.js:项目入口文件，build.js：项目打包后的构建文件
2. 利用命令行工具输入npm  run   dev将项目跑一边（打包）