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

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

  

 

转载于:https://www.cnblogs.com/volinVan/p/VV_ToWebpack_Entry_Output.html

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值