Webpack

什么是Webpack

··Webpack是一个前端资源加载/打包工具，他将根据模块的依赖关系进行静态分析，然后将这些模块按照指定

规则生成对应的静态资源。

··Wbpack可以将多种静态资源js,css,less转换成一个静态文件，减少了页面请求

 

Webpack安装

1.全局安装

npm install -g webpack webpack-cli

2.安装后查看版本号

webpack -v

 

初始化项目

1.创建webpack文件夹

2.创建src文件夹

3.src下创建common,js,util.js

 

 

4.准备一个入口文件main.js

5.在根目录下定义一个webpack.config.js文件配置打包的规则

6.执行webpack查看效果