webpack基于npm项目初始化

1.新建文件夹
2.npm init -s NPM初始化
3.npm init jquery -s 安装jquery 在生产环境

4. main.js 关联到dist下创建bundel.js=> webpack .\src\main.js -o .\dist\bundel.js
   【webpack 要打包的路径 -o 要输出的文件路径】
   将bundel.js 以标签的形式引入html页面关联

   
   
   

   bundel.png

npm i -s 即 npm install --save 写入dependencies 用于生产环境
npm install -d 即 npm install --save-dev 写入devDependencies 仅用于开发环境
npm install -g 全局安装(不用进入项目目录)

4.0以上安装webpack

1.npm i webpack -d 本地安装
2.npm i webpack-cli -d 安装手脚架

实现自动打包编译

1.运行 cnpm i webpack-dev-server --save-dev（-D）安装到开发依赖
2.在package.json 中"scripts" 配置 指令 "dev": "webpack-dev-server"
3.命令行 npm run dev 来运行
4."dev": "webpack-dev-server"如果运行失败，要求本地已经装好了 webpack ，必须本地安装！！