webpack打包流程

1.安装webpack的环境基本配置

  npm install webpack --global  安装全局的webpack

 

2.测试webpack

   webpack -help

 

3.创建一个项目目录

   mkdir 项目目录名字 dfl

 

4.进入目录下面

   cd  testwebpack

 

5.npm的配置文件

   npm init

 

6.安装webpack到项目的文件里面

   npm install webpack --save-dev

 

7.使用webpack打包生产的文件(主要引入文件就一定要打包)

   webpack  指定打包入口的文件  打包生产的文件的名字

   webpack   entry.js             bundle.js

 8.loader:默认只会处理javascript，如果要处理html,css要安装插件（css-loader style-loader）

 9.source-map调试代码,webpack --devtool source-map  设置使用的开发工具 source-map

 10. babel-loader （加载es语法） webpack-dev-server （开启服务器）

npm install webpack-dev-server  --global 全局范围安装server

npm install webpack-dev-server  --save-dev  本地安装到项目依赖

webpack-dev-server  --inline --hot  可以自动刷新页面（热替换）