发表于: 2020-08-16 22:18:15

2 2239



  1. 任务2-5等webpack学完再抽时间做下

  2. 任务6需要用到Typescript    node还没学,只会一些简单的,任务6要放一段时间了


今天把webpack入口和出口刚学完


模块化代码中 require("./"),表示当前js文件所在的目录 
在路径处理中"./"表示node运行目录

const path = require("path"); //node内置模块 path 导出了一个对象,提供了大量路径处理的函数 

module.exports = {     
    entry: {            
        //属性名:chunk的名称 / 属性值:入口模块    
        main: "./src/index.js",       
        a: ["./src/a.js""./src/index.js"], //启动模块有两个    
        },   

    output: { 

    //path必须配置绝对路径,表示资源放置的文件夹,默认是dist            

    pathpath.resolve(__dirname"dist"), //__dirname: 表示当前运行js文件所在的目录,它是绝对路径         
    filename"[name].[chunkhash:5].js" //配置合并的js文件规则

      }

}

filename规则

namechunkname 
chunkhash: [chunkhash:5]//取hash值 前五位 
hash总的资源hash通常用于解决缓存问题


返回列表 返回列表
评论

    分享到