美文网首页
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

    const path=require('path'); entry: {'alert/index': path.r...

  • Webpack之基础篇

    核心概念 entry、output、loader、plugins、mode entry entry含义:用来指定打...

  • Webpack相关

    一、概念 1、基本组成:entry、output、loader、plugins entry: 入口起点(entry...

  • webpack learning note

    核心概念 入口(entry)、输出(output)、loader、插件(plugins) 配置 entry 指定入...

  • webpack 常见基础配置

    # Talk is cheap! 上代码 #### 配置entry、output #### 配置loader ##...

  • webpack

    devtool 入口起点 (entry) 输出 (output) 模式 (mode) loader 插件 ...

  • webpack优化

    entry 应用程序入口 output output 属性告诉 webpack 在哪里输出它所创建的 bundle...

  • jquery动态登录背景

    Victor("container","output");//登陆背景函数调用 $("#entry_name")....

  • webpack的通用配置(1)-简单概念

    主要分为5部分,分别是entry,output,loader,plugin和mode 1.entry 指的是文件的...

  • webpack升级整理

    一、核心概念 Core Concepts: Entry Output Loaders Plugins Mode B...

网友评论

      本文标题:entry output

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