webpack

webpack 是一个现代 JavaScript 应用程序的模块打包器(module bundler)

• 入口（Entry Points），entry ： string | Array ,webpack 创建应用程序所有依赖的关系图(dependency graph),图的起点就叫做入口，告诉webpack从哪里开始
  
  • entry: ‘入口文件的路径’
  • 定义entry的方式：
    1.单个入口：

const config = {    //entry: 单个入口语法    entry: './src/script/index.js'};

     2.多页面应用程序

//多页面应用程序：    entry: {        pageOne: './src/script/pageOne/index.js',        pageTwo: './src/script/pageTwo/index.js',        pageThree: './src/script/pageThree/index.js'    }

       3.对象语法：

//对象语法：entry: {    app: './src/script/index.js',    vendors: './src/vendors.js'}

-Output： 将所有的资源(assets)归拢在一起后，还需要告诉 webpack 在哪里打包应用程序 即使可以存在多个入口起点，但只指定一个输出配置。
1.用法：

output: {    filename: '[name].js',    path: _dirname+ '/dist'}