webpack中Entry与Output的基础配置

341 阅读1分钟

Entry与Output的基础配置

我们需要打包后生成两个js文件

​ 让我们先来看看webpack.config.js原本是怎样配置的!

module.exports = {
	entry:{
		//默认名字为main.js
		main:'./src/index.js',
		
	},
	output:{
		//输出js文件名为bundle.js,如果去掉:显示默认名字main.js
		dilename:'bundle.js',
		path:path.resolve(_dirname,'dist')
	}
	
}

​ 根据我们的需求,将src/index.js打包生成两个文件

module.exports = {
	entry:{
		//打包几个文件写几个文件
		main:'./src/index.js',
		sub:'./src/index.js'
	},
	output:{
		//输出js文件名为对应的[name].js两个文件
		dilename:'[name].js',
		path:path.resolve(_dirname,'dist')
	}
	
}

我们想在script引入路径前面加域名

例如:

​ 根据我们的需求对output进行配置

module.exports = {
	output:{
		//路径地址
		publicPath:'http://cdn.com.cn',
		dilename:'[name].js',
		path:path.resolve(_dirname,'dist')
	}
	
}

更详细配置到官网查看:webpack.js.org/configurati…