Webpack框架知识整理——Entry Points,Output

Posted 2020-10-18

2 主要是针对上篇随笔中提到的入口起点等进行相关的重要性说明和配置说明

　2.1　只有一个入口起点的应用程序或工具时使用单入口：单入口语法为：entry: string|Array<string>

　2.2    应用程序中定义入口的最可扩展的方式就是使用对象，将关注点(concern)从环境(environment)、构建目标(build target)、运行时(runtime)中分离。然后使用专门的工具（如 webpack-merge）将它们合并。对象语法为：entry: {[entryChunkName: string]: string|Array<string>}

3  主要是针对上篇随笔中提到的输出进行相关的重要性说明和配置说明

   3.1　Output可以控制 webpack 如何向硬盘写入编译文件。注意，即使可以存在多个入口起点，但只指定一个输出配置

　　3.1.1 

　　　　output: {

    　　　　filename: ‘bundle.js‘,//这是输出的文件名

    　　　　path: ‘/home/proj/public/assets‘ //这是输出文件名对应文件存放的位置（绝对路径）

　　　　}

　　3.1.2

　　　output: {
    　　　filename: ‘[name].js‘,//这里使用的是占位符，对应于多个单独的 "chunk"的入口文件的名称，保证唯一性
    　　　path: __dirname + ‘/dist‘
  　　}