微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

32-webpack详细配置-entry

const HtmlWebpackPlugin = require('html-webpack-plugin')
const {resolve} = require('path')

/**
 * entry:入口起点
 *  1. string --> './src/index.js'
 *      单入口
 *      打包形成一个chunk。 输出一个build文件。
 *      此时chunk的名称认是 main
 *  2. array
 *      多入口
 *      所有入口文件最终只会形成一个chunk,输出出去只有一个bundle文件
 *        --> 只有在HMR功能中让html热更新生效~
 *  3. object
 *      多入口
 *      有几个入口文件就形成几个chunk,输出几个bundle文件
 *      此时chunk的名称是 key
 * 
 *      --> 特殊用法
 *        {
 *          // 所有入口文件最终只会形成一个chunk,输出出去只有一个bundle文件
 *          index: ['./src/index.js', './src/count.js'],
 *          // 形成一个chunk,输出一个bundle文件
 *          add: './src/add.js'
 *        }
 */

module.exports = {
  entry: {
    index: ['./src/index.js', './src/count.js'], 
    add: './src/add.js'
  },
  output:{
    filename:'[name].js',
    path: resolve(__dirname, 'build')
  },
  module:{
    rules:[]
  },
  plugins: [
    new HtmlWebpackPlugin()
  ],
  mode: 'development'
}

 

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 [email protected] 举报,一经查实,本站将立刻删除。

相关推荐