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'
}