美文网首页
基本概念-output

基本概念-output

作者: 大饼脸me | 来源:发表于2017-07-02 01:45 被阅读7次

一、基本用法
output的基本配置主要有两项:

output: {
    filename: 'bundle.js',
    path: '/home/proj/public/assets'
}

这个用法比较简单,要注意的是path必须是绝对路径

二、选项
1、output.chunkFilename
文件引用方式有两种:

require('./src/js/moduleA.js');   //同步加载

require.ensure([], function(){   //异步加载
  require(’./src/js/moduleA.js‘);
});

同步加载 -- 如果不使用CommonsChunkPlugin提取出单独的文件,一般会与入口文件打包到同一个文件里
异步加载 -- 默认情况下会打包生成一个单独的文件,可通过output.chunkFilename指定文件名

  • [id] 被 chunk 的 id 替换。
  • [name] 被 chunk 的 name 替换(或者,在 chunk 没有 name 时使用 id 替换)。
  • [hash] 被 compilation 生命周期的 hash 替换。
  • [chunkhash] 被 chunk 的 hash 替换。

相关文章

  • 基本概念-output

    一、基本用法output的基本配置主要有两项: 这个用法比较简单,要注意的是path必须是绝对路径 二、选项1、o...

  • Java学习day-18:IO流(字节流)

    一、基本概念: 1.IO基本概念: IO的本质就是输入输出(Input\Output); (1)输入(Input)...

  • 【WDL】2. 基础结构

    WDL语言基本概念 两级结构:workflow, task runtime:镜像,memory等 output可以...

  • webpack基础用法

    基本概念之entry(依赖图的入口) 单入口(单页应用):字符串 多入口(多页应用):对象 基本概念之Output...

  • webpack的通用配置(2)-plugins

    在上一节主要讲了webpack配置文件的基本概念,比如entry, output, mode, loaders。这...

  • webpack系列——概述

    现代web开发常用静态资源打包工具,主要包含以下五个基本概念 入口(entry) 输出(output) loade...

  • 网路的几种IO模型以及Nginx基本原理

    1 网络IO模型 1.1 网络IO基本概念理解 IO分别表示输入(input)和输出(output)。它描述的是计...

  • 03.ES6数组对象展开(spread)

    数组对象展开 output: output 浅拷贝 output 转换可迭代对象为数组 output output...

  • bash的四则运算

    加 output: 13 减 output: 9 乘 output: 22 除 output: 5 取余 outp...

  • output

    不会发泄,不会大吵大叫,不会大哭大笑,也不想和别人交流,文字,变成了我唯一的输出工具。就让我把所有的不满都写下来吧...

网友评论

      本文标题:基本概念-output

      本文链接:https://www.haomeiwen.com/subject/qwfncxtx.html