Webpack之Entry与Output的配置

Webpack 之Entry与Output

课程目标

1. entry打包的文件
2. entry打包多个文件
3. entry打包生成域名

一、Entry打包的文件

在 entry中可以是一个字符串

entery:"./src/index.js"
也可以是一个对象,二者相等价
entry:{
main:"./src/index.js"
}
结合output输出文件中的配置打包出来的文件名为bundle.js
output:{
filename:“bundle.js”,//打包的文件
path:path.resolve{__dirname,‘dist’}
}
，但如果我的output中并没有我的filname配置，打包会默认打包文件名为main.js

二、Entry打包多个文件

entry:{
//打包的文件放到main文件中，第二个放到sub文件中
main:"./src/index.js",
sub:"./src/index.js"
}

需要在我的output中配置一下

output:{
//将原先的filename:“bundle.js”,替换成一个占位符
filename:‘[name].js’//支持多个文件，name代表的是entry中的key(main,sub)
}

三、打包生成域名

在output中进行配置
output:{
pubilcPath:“http://cdn.com.cn”,//即可
}
效果如下

等