DEV Community

Review Laptop
Review Laptop

Posted on Originally published at reviewlaptop.vn

Build Webpack và Vite trên Surface Laptop 6 cần RAM hơn chip AI

#surfacelaptop6 #frontend #vite #webpack

Nhiều người lầm tưởng chip dán mác AI thế hệ mới sẽ tự động giúp tác vụ frontend nhẹ gánh. Thực tế làm việc với Webpack và Vite cho thấy NPU hay các thông số AI trên Core Ultra 7 165H (11 TOPS) lẫn Ryzen AI 5 340 (50 TOPS) hoàn toàn vô dụng khi xử lý node_modules hay bundle code.

Hiểu lầm về chip AI và sự thật tốc độ build Webpack

Webpack xây dựng toàn bộ dependency graph bằng Node.js trước khi phục vụ file. Quy trình này phụ thuộc nặng vào xung nhịp CPU và dung lượng RAM thay vì các nhân xử lý AI. Khi dự án phình to lên hàng nghìn module, Webpack ngốn hàng gigabyte bộ nhớ cho in-memory cache và AST parsing.

Ai muốn đối chiếu thêm góc nhìn khác có thể xem bài tương ứng bên Hưng Phát Laptop.

Với Core Ultra 7 165H (16 nhân, 22 luồng, Cinebench R23 đa nhân đạt 14.551 điểm), máy tận dụng tốt các plugin chạy song song như thread-loader hoặc terser-webpack-plugin ở khâu production build. Ngược lại, Ryzen AI 5 340 (6 nhân, 12 luồng) có điểm đơn nhân nhỉnh hơn với 1.915,5 điểm Cinebench R23, giúp các vòng lặp incremental build đơn luồng truyền thống phản hồi rất lẹ làng.

// webpack.config.js - Giảm tải RAM cho dev server lớn
module.exports = {
  cache: {
    type: 'filesystem',
    buildDependencies: { config: [__filename] }
  },
  optimization: { removeAvailableModules: false }
};
Enter fullscreen mode Exit fullscreen mode

Vite HMR và bài toán nghẽn RAM hàn chết

Chuyển sang Vite, dev server khởi động gần như tức thì nhờ esbuild pre-bundling bằng Go và cơ chế native ESM. HMR latency chỉ tốn vài chục mili-giây vì trình duyệt kéo module trực tiếp khi cần. Tuy nhiên, đừng để sự mượt mà này đánh lừa.

Khi mở đồng thời Vite dev server, trình duyệt Chrome ngốn tab, Docker và VS Code, mức 16GB RAM LPDDR5x-7500 hàn chết trên HP OmniBook X Flip 14 rất dễ chạm trần. Một bài phân tích trên ReviewLaptop đã chỉ rõ điểm hạn chế chí mạng của RAM hàn: nếu dung lượng cạn kiệt, hệ điều hành buộc phải swap dữ liệu xuống SSD PCIe 4.0, kéo tụt tốc độ hot reload lẫn build time.

// vite.config.ts - Tối ưu pre-bundling
export default defineConfig({
  server: { hmr: { overlay: false } },
  optimizeDeps: { include: ['react', 'react-dom'] }
});
Enter fullscreen mode Exit fullscreen mode

Nếu dự án frontend dạng monorepo quy mô lớn, hãy chọn phiên bản 64GB RAM trên Surface Laptop 6 thay vì mải mê chạy theo các dòng chip tiếp thị AI nhưng chỉ hàn cố định 16GB.

Top comments (0)