webpack的打包配置通常是通過創建一個webpack配置文件來完成的,通常命名為webpack.config.js。在這個配置文件中,你可以設置entry(入口文件)、output(輸出文件)、module(模塊配置)、plugins(插件配置)等各種選項。下面是一個簡單的webpack配置文件示例:
const path = require('path');
module.exports = {
entry: './src/index.js',
output: {
path: path.resolve(__dirname, 'dist'),
filename: 'bundle.js'
},
module: {
rules: [
{
test: /\.js$/,
exclude: /node_modules/,
use: {
loader: 'babel-loader'
}
},
{
test: /\.css$/,
use: ['style-loader', 'css-loader']
}
]
},
plugins: [
// 添加插件配置
]
};
在這個配置文件中,我們指定了入口文件為src/index.js,輸出文件為dist/bundle.js,使用babel-loader處理js文件,使用style-loader和css-loader處理css文件,同時可以配置各種插件來擴展webpack的功能。配置完成后,運行webpack命令即可進行打包。