在不使用"[name]"模式的情况下输出Webpack多个条目,可以通过使用数组的方式来配置多个入口点。以下是一个示例配置:
const path = require('path');
module.exports = {
entry: {
app: './src/app.js',
admin: './src/admin.js',
dashboard: './src/dashboard.js'
},
output: {
filename: '[name].bundle.js',
path: path.resolve(__dirname, 'dist')
}
};
在上述配置中,我们定义了三个入口点:app、admin和dashboard。每个入口点对应一个具体的入口文件。输出文件的名称使用了"[name]"占位符,Webpack会根据入口点的名称自动替换为相应的值。
这样配置后,Webpack会将每个入口点的代码打包成独立的文件,输出到指定的输出目录(这里是dist文件夹)。输出的文件名分别为app.bundle.js、admin.bundle.js和dashboard.bundle.js。
这种配置方式适用于需要将多个入口点的代码分别打包成独立文件的场景,例如一个网站有多个页面,每个页面对应一个入口点。这样可以实现按需加载,提高页面加载速度和用户体验。
推荐的腾讯云相关产品:腾讯云云服务器(CVM)和腾讯云对象存储(COS)。
领取专属 10元无门槛券
手把手带您无忧上云