zoukankan      html  css  js  c++  java
  • webpack(2)webpack.config.js配置多入口文件

    1.配置多个入口文件,但是打包为一个chunk,生成一个js文件

    const{resolve}=require('path');

    module.exports={
     entry:['./src/index.js','./src/main.js'],//使用数组的方式将多个入口放在其中
        output:{
            path:resolve(__dirname,'build'),
            filename:'build.js'
        },
        mode:'development',
        module:{
            rules:[]
        },
        plugins:[
            
        ]
    }
    将index.js文件和main.js文件两个文件打包为build.js文件
     
    2.配置多个入口文件,每个入口独自打包为一个chunk,生成多个js文件
    const{resolve}=require('path');

    module.exports={
        entry:{//entry声明为一个对象,每个入口配置为其中的一个属性
            test0:'./src/index.js',
            test1:'./src/main.js'},
        output:{
            path:resolve(__dirname,'build'),
            filename:'[name].js'//输出文件使用[name],表示使用上面对应的test0和test1来命名生成出来的文件
        },
        mode:'development',
        module:{
            rules:[]
        },
        plugins:[
            
        ]
    }
     
    3.当然也可以使用上面两种方式混合,只需要将entry中的属性的值设置为一个数组即可
  • 相关阅读:
    IM,游戏服务端 tcp 框架整理
    IronPython初体验和实战集合等类型转换和类型匹配
    C# 控件包
    ORM框架系列
    C# Excel或表格插件
    vue之修饰符
    vue之单表输入绑定
    vue之计算属性和侦听器
    vue之指令系统
    vue之用法
  • 原文地址:https://www.cnblogs.com/maycpou/p/14501659.html
Copyright © 2011-2022 走看看