【webpack】-- 基本模块化打包流程

webpack简介

webpack是一个模块化打包工具（前端自动化构建工具）

webpack作用

        因为浏览器不支持我们在开发时使用的前端模块化（AMD、CMD、CommonJS、ES6），所以我们要借助webpack打包工具将项目模块化文件打包生成普通脚本文件,引入到html中，并且在打包的过程中，还可以对资源进行处理，比如压缩图片，把scss/less转成css，把ES6语法转成ES5语法，把TypeScript转成JavaScript等等操作。

webpack使用流程

1.webpack安装：

cnpm install webpack webpack-cli -g；

新建一个src文件，在其目录下新建一个main.js入口文件（如果都已经生成存在则不用管）

2.初始化项目包

npm init -y 

 生成package.json

3. 本地安装webpack依赖

cnpm install webpack webpack-cli --save-dev

4.创建最外层的webpack.config.js，改变默认设置

作用：是为了方便不用每次打包的时候都输入目录地址，而是直接webpack即可