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",//即可
>}
>效果如下
><script  src ="http://cdn.com.cn/main.js"></script>等