WebPack

// 分析你的项目结构，找到JavaScript模块以及其它的一些浏览器不能直接运行的拓展语言（Scss，TypeScript等）
// ，并将其转换和打包为合适的格式供浏览器使用。

// webpack的配置文件会暴露出一个对象，格式如下：

    module.exports = {       //配置项     }

// 常用配置项将要说明
// entry:        打包的入口文件，一个字符串或者一个对象
// output:       配置打包的结果，一个对象
// fileName：    定义输出文件名，一个字符串
// path：        定义输出文件路径，一个字符串
// module:       定义对模块的处理逻辑，一个对象
// loaders：     定义一系列的加载器，一个数组
//         [
//           {
//             test:正则表达式，用于匹配到的文件
//             loader/loaders：字符串或者数组，处理匹配到的文件。如果只需要用到一个模块加载器则使用                 
//                     loader：string，如果要使用多个模块加载器，则使用loaders：array
//             include:字符串或者数组，指包含的文件夹
//             exclude：字符串或者数组，指排除的文件夹
//           }
//         ]
// resolve:影响对模块的解析，一个对象
// extensions：自动补全识别后缀，是一个数组
// plugins:定义插件，一个数组

// 例子:
// module.exports = {
//     entry:{
//         one:"./app/one.js",
//         two:"./app/two.js"
//     },
//     output:{
//         path:"./build/",
//         filename:"[name].js"
//     },
//     module:{
//         loaders:[
//             {
//                 test:/.*\.css$/,
//                 loaders:["style","css"],
//                 exclude:'./node_modules/'
//             }
//         ]
//     },
//     resolve:{
//         extensions:['','.css','.js','jsx']
//     }
// };