美文网首页
基本概念-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

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