在Web開發中，我們經常需要將多個js或css文件打包成一個文件來提升網站的性能。下面是一些常用的打包命令。

// 使用webpack打包js
webpack ./src/index.js -o ./dist/bundle.js
// 使用gulp打包js
gulp.task('build', function () {
gulp.src('./src/*.js')
.pipe(concat('all.js'))
.pipe(uglify())
.pipe(gulp.dest('./dist/'));
});
// 使用webpack合并打包css
webpack --entry ./src/style.css --output-path ./dist/ --output-filename bundle.css --module-bind 'css=style-loader!css-loader'
// 使用gulp合并打包css
gulp.task('build', function () {
gulp.src('./src/*.css')
.pipe(concat('all.css'))
.pipe(cleanCSS())
.pipe(gulp.dest('./dist/'));
});

以上代碼中，webpack和gulp是兩個非常流行的打包工具。我們可以根據項目需要選擇適合自己的打包工具。其中webpack可以通過配置文件的形式更加靈活地打包，而gulp則是通過.pipe()方法來將多個步驟串聯起來，實現靈活的打包。無論選擇哪個工具，都需要注意打包過程中是否會出現依賴沖突或重復打包等問題。