发表于: 2020-08-16 22:18:15
2 2239
任务2-5等webpack学完再抽时间做下
任务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
path: path.resolve(__dirname, "dist"), //__dirname: 表示当前运行js文件所在的目录,它是绝对路径
filename: "[name].[chunkhash:5].js" //配置合并的js文件规则
}
}
filename规则
name:chunkname
chunkhash: [chunkhash:5]//取hash值 前五位
hash: 总的资源hash,通常用于解决缓存问题
评论