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中的属性的值设置为一个数组即可
  • 相关阅读:
    Yahoo军规
    简单无序列表
    PS切图基本操作
    Web Service 系列 → 智能升级也简单(用Web Services制作升级程序)
    PHP 模板引擎 Smarty
    C# 哈希表(Hashtable)
    ASP.NET 备份与恢复ACCESS数据库
    开源的C#组件 RSS.NET
    Discuz!NT 的URL地址重写(URLRewrite)
    C# SquishIt JavaScript、CSS压缩器
  • 原文地址:https://www.cnblogs.com/maycpou/p/14501659.html
Copyright © 2011-2022 走看看