webpack配置entry详解

entry：入口起点

支持三种格式：

1、string，单入口

entry: './src/index.js'

打包形成一个chunk，输出一个bundle文件，此时chunk的名称默认是main

2、array：多入口

entry: ['./src/index.js', './src/add.js']

所有入口文件最终只会形成一个chunk，输出去只有一个bundle文件，此时chunk的名称默认是main（会将add.js打包进index.js中）

用途：在HMR功能中让html热更新生效

3、object：多入口

entry: {index: './src/index.js', add: './src/add.js'
}

有几个入口文件就形成几个chunk，并输出几个bundle文件，chunk的名称是key（index、add...）

通常第一种和第三种用的比较多。

特殊用法：多入口且将多个文件打包成一个chunk

entry: {index: ['./src/index.js', './src/count.js'], add: './src/add.js'
}

webpack配置entry详解相关推荐

webpack配置typescript详解
随着现在typescript使用越来越多,作为打包工具界的webpack怎么编译typescript呢? 下面我把自己的实践记录一下,成功编译了typescript文件,并且引入typescript模 ...
webpack配置resolve详解
resolve: 解析模块规则 resolve: {// 配置解析模块路径别名,优点:简写路径,缺点:路径没有提示// 'src/css/index.css' -> '$css/index.cs ...
webpack配置output详解
output: {// 文件名称,可指定目录filename: 'js/[name].js',// 输出文件目录,将来所有资源输出的公共目录,所有资源都在此文件夹下path: resolve(__di ...
webpack配置module详解
module: {rules: [// loader配置{test: '/\.css$/',// 多个loader用useuse: ['style-loader', 'css-loader']},{t ...
webpack 入口文件 php,webpack的使用详解
这次给大家带来webpack的使用详解,使用webpack的注意事项有哪些,下面就是实战案例,一起来看一下. 1.安装//全局安装npm install -g webpack//安装到你的项目目录np ...
java map中的entry_java中Map及Map.Entry详解（组图）
java中Map及Map.Entry详解(组图) 08-22栏目:技术 TAG:map.entry map.entry Map是java中的接口,Map.Entry是Map的一个内部接口. copyr ...
Ceph优化系列（二）：Ceph主要配置参数详解
转载:Ceph配置参数详解概述 Ceph的配置参数很多,从网上也能搜索到一大批的调优参数,但这些参数为什么这么设置?设置为这样是否合理?解释的并不多本文从当前我们的ceph.conf文件入手,解释 ...
Ehcache配置参数详解
ehcache配置参数详解 <?xml version="1.0" encoding="UTF-8"?><ehcache><dis ...
Apache+PHP配置过程详解
Apache+PHP配置过程详解经过两晚上的奋斗终于将Apache配置PHP成功,安装配置过程中走了不少弯路,特记录之. 1.Apache配置PHP个人认为首先要注意的是Apache和PHP的版本信 ...

webpack配置entry详解

webpack配置entry详解相关推荐

最新文章

热门文章