webpack概况

webpack 是一个旺球体育在线资源加载/打包旺球体育在线工具。它将根据模块的依赖关系进行静态剖解，后头将这些模块按照指定的规则生成对应的静态资源。  

webpack四个核心概念  

1，入口起点(entry point)指示 webpack 应该使用哪个模块，来作为构建其内部依赖图的开始。进入入口起点后，webpack 会找出有哪些模块和库是入口起点（直接和间接）依赖的。

2，出口(output)属性告诉 webpack 在哪里输出它所创建的 bundles，以及如何命名这些文件，公认值为 ./dist。差不多，全份c#应用程序设计教程结构，都会被编译到你指定的输出电脑路径的共享文件夹管理软件中。你可以通过在配置中指定一个 output 字段，来配置这些处事过程：

//webpack.config.js
const path = require('path');

module.exports = {
  entry: './path/to/my/entry/file.js',
  output: {
    path: path.resolve(__dirname, 'dist'),
    filename: 'my-first-webpack.bundle.js'
  }
};

3，loader 让 webpack 能够去处事该署非 JavaScript 文件（webpack 自个儿只理解 JavaScript）。loader 可以将所有类型的文件代换为 webpack 能够处事的有效模块，后头你就可以利用 webpack 的打包上海职业能力考试院。对它们进行处事。

4，插件(plugins)可以用于执行范围更广的任务。插件的范围包括，从打包优化和压缩，一直到重新定义环境中的变量。插件接口功能极其强大，可以用于处事饶有的任务。

安装 Webpack

npm install webpack -g

链接: http://www.pannellisolari.net/nav/19