Webpack

webpack介绍 （引用了webpack官网的一句话）：
webpack 是一个现代 Java 应用程序的模块打包器(module bundler)。当 webpack 处理应用程序时，它会递归地构建一个依赖关系图(dependency graph)，其中包含应用程序需要的每个模块，然后将所有这些模块打包成少量的 bundle - 通常只有一个，由浏览器加载。
它是高度可配置的，但是，在开始前你需要先理解四个核心概念：入口(entry)、输出(output)、loader、插件(plugins)。
个人理解：
这里说了这么多就是它能把项目中资源文件看成一个个模块，然后将他们打包成少量或一个文件，然后我们去引用这文件。
Webpack 是一个前端资源加载/打包工具。它将根据模块的依赖关系进行静态分析，然后将这些模块按照指定的规则生成对应的静态资源。Webpack 可以将多种静态资源 js、css、less 转换成一个静态文件，减少了页面的请求。

工具使用感受
其实学习某一样工具，我们只需要知道这东西能做什么，然后怎么用它，但它具体实现的细节，有时我们不必深究。我们只需知其然，不必知其所以然。尽管去用这个东西，它本来就是一个工具。就好比开一辆车，我们只需去学习怎么开，而不用太在意他为什么能开，开多了一样成为老司机，不是吗，没毛病吧。工具它能给我们带来便利，就足够了。除非你是制造工具的。但是如果对webpack非常感兴趣，可以去它的github上看看

webpack安装
webpack能做的事：
上面说webpack能打包模块，其实还有很多功能。
webpack可以对Js进行转译，当前浏览器很多不支持es6，但是我们想使用es6的语法，webpack可以将es6语法转成es5语法；webpack可以对less，sass，stylus等css的预处理语言进行转译；webpack可以热更新；webpack可以对图片处理，压缩，转成格式。；webpack可以对代码进行压缩。
都是通过webpack 的 loader和plugins实现的，可以说是很强大了。
webpack安装：
前提有nodejs和npm
通过 cmd（用的是win操作系统）运行：node -v 和 npm -v 若都能返回版本号表明安装成功。
接着正式安装webpack,命令行中运行：
//全局安装npm install -g webpack//创建一个文件夹mkdir webpack-demo//进入项目中cd webpack-demo//初始化，生成默认package.json 文件npm init-y//在当前项目中安装webpacknpm install webpack –save-dev//到这里就安装成功了
感受：整个流程和安装，是npm模块的那套安装流程。

webpack的关键文件:webpack.config.js
webpack.config.js是webpack的配置文件，对项目中的webpack进行配置。
文件中用到的插件和loader需要先试用npm安装好：
// 安装css-loadernpm installcss-loader –save-dev// 安装htmlWebpackPluginnpm installhtml-webpack-plugin–save-dev
项目根目录新建简单的webpack.config.js文件：

vue-cli多页面的Webpack的配置

base文件      entry添加
dev文件       new HtmlWebpackPlugin，里边的templa设为入口html、chucks配置对应页面entry
prod文件      new HtmlWebpackPlugin,里边的里边的templa设为入口html、chucks配置对应页面entry

执行npm run build ，prod文件将项目压缩打包，放在dist文件夹中，以后项目上线使用的即dist文件