美文网首页
entry output

entry output

作者: jh2k15 | 来源:发表于2018-05-07 18:09 被阅读0次

    const path=require('path');

    entry: {
    'alert/index': path.resolve(__dirname, ./alert/index/page),
    'alert/index': path.resolve(__dirname, ./alert/index/page),
    },
    output: {
    path: path.resolve(__dirname, './build');
    publicPath: './build/',
    filename: '[name]/entry.js', // [name]表示entry每一项中的key,用以批量指定生成后文件的名称
    chunkFilename: '[id].bundle.js',
    },
    path 应传入绝对路径 本地
    publicPath 相对路径 发布 , 也可以是 绝对路径如http://www.xxxxx.com/
    filename
    [name],指代入口文件的name,也就是上面提到的entry参数的key,因此,我们可以在name里利用/,即可达到控制文件目录结构的效果
    [hash],指代本次编译的一个hash版本,值得注意的是,只要是在同一次编译过程中生成的文件,这个[hash]的值就是一样的;在缓存的层面来说,相当于一次全量的替换
    [chunkhash],指代的是当前chunk的一个hash版本,也就是说,在同一次编译中,每一个chunk的hash都是不一样的;而在两次编译中,如果某个chunk根本没有发生变化,那么该chunk的hash也就不会发生变化。这在缓存的层面上来说,就是把缓存的粒度精细到具体某个chunk,只要chunk不变,该chunk的浏览器缓存就可以继续使用
    chunkFilename
    chunkFilename参数指定的是除入口文件外的chunk

    相关文章

      网友评论

          本文标题:entry output

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