Vue文件批量打包的方法有兩種:
module.exports = {
entry: {
app: './src/main.js',
admin: './src/admin.js',
// 其他入口文件
},
output: {
filename: '[name].bundle.js',
path: path.resolve(__dirname, 'dist')
},
// 其他配置
}
以上配置中,entry
配置了多個入口文件,每個入口文件對應一個打包后的輸出文件。打包后的文件名會根據入口文件的名稱來命名,如app.bundle.js
和admin.bundle.js
。
pages
選項來實現多頁應用的打包。在vue.config.js
文件中,可以配置多個頁面,每個頁面對應一個入口文件。例如:module.exports = {
pages: {
app: {
entry: 'src/main.js',
template: 'public/index.html',
filename: 'app.html'
},
admin: {
entry: 'src/admin.js',
template: 'public/admin.html',
filename: 'admin.html'
}
// 其他頁面配置
},
// 其他配置
}
以上配置中,pages
配置了多個頁面,每個頁面對應一個入口文件和輸出文件。打包后的文件會根據頁面的配置來生成,如app.html
和admin.html
。