Webpack的入口和出口配置可以在webpack.config.js文件中进行配置。

入口可以使用entry属性进行配置，可以是一个字符串、数组或对象。

以单一入口为例：

“`
// webpack.config.js
module.exports = {
entry: ‘./src/index.js’,
…
};
“`

多入口：

“`
// webpack.config.js
module.exports = {
entry: {
app: ‘./src/app.js’,
vendor: ‘./src/vendor.js’
},
…
};
“`

出口可以使用output属性进行配置，其中path为输出目录，filename为输出文件名。如果是多入口，可以使用[name]占位符来生成不同的文件名。

“`
// webpack.config.js
module.exports = {
entry: ‘…’,
output: {
path: path.resolve(__dirname, ‘dist’),
filename: ‘bundle.js’
},
…
};
“`

多入口的出口：

“`
// webpack.config.js
module.exports = {
entry: {…},
output: {
path: path.resolve(__dirname, ‘dist’),
filename: ‘[name].bundle.js’
},
…
};
“`

文章为原创或者来自于互联网，转载请注明来源，如果文章有侵权请联系，我们会及时删除。