Webpack基础安装配置步骤

• 安装配置webpack
  webpack是一个现代JavasScript应用程序的模块打包器(是一个流行前端项目构建工具),提供了友好的模块支持，以及代码压缩混淆，浏览器兼容等功能。
  

webpack的两大特点：
1. 模块化
2. 打包

作用：

1. 将sass/less 等预编译的css语言转换成浏览器识别的css文件
2. 能够将多个预编译文件打包成一个文件
3. 打包image/styles/assets/scrips/等前端常用的文件
4. 搭建开发环境开启服务器
5. 监视文件改动，热部署。
6. 将单文件组件(*.vue)类型的文件，转化成浏览器识别的内容

安装配置步骤
1.新建空白目录，并运行npm init -y，初始化包管理文件package.json


2. 建立src目录（放置编写代码），在src目录下创建index.html（首页文件），index.js(默认打包文件)。

3.运行 npm install webpack webpack-cli -D命令，安装webpack相关包。

4.更目录中创建webpack.config.js的配置文件。在文件中初始化基本配置。

module.export={
//mode指定构建模式，development->开发者模式；production->发布模式
	mode:'development'
}

development为开发者模式，我们你开发调试时选择这个构建模式，打包的文件不会进行压缩，方便维护，体积大；
production为发布模式，打包出的文件会压缩，体积小，方便发布

5.在package.json包管理文件中，srcipt节点下，添加如下配置

"script":{
	"dev":"webpack"    //script下脚本，可以通过npm run dev来执行
}

6.运行npm run dev命令，启动webpack进行项目打包。
会生成dist->main.js文件（打包后文件，index.html中调用此文件）

关于webpack的基本配置添加链接描述

通过loader打包非js文件添加链接描述