Tự động sao chép và tạo đường dẫn thư mục dễ dàng với NPM Script (Phần 1)

Giới thiệu

    Chào mọi người ! Hôm nay mình xin chia sẻ 2 module rất thuận tiện trong việc thao tác copy, tạo directory mới sử dụng NPM script

NPM-Script

    1. Copy cpx
Đầu tiên là copy từ folder này sang folder kia.

$ npm i -D cpx

    Ví dụ copy file từ Folder B đến Folder A chả hạn. Chỉ cần setting thế này trong package.json rồi chạy $ npm run copy

{
  "scripts": {
    "copy": "cpx './FolderB/**/*' ./FolderA"
  }
}

    Nếu mà chỉ muốn copy 1 loại file thôi thì setting thế này, ví dụ với file HTML chả hạn nó sẽ chỉ chọn file HTML để copy

{
  "scripts": {
    "copy": "cpx './FolderB/**/*.html' './FolderA'"
  }
}

    Thêm nhiều file khác thì sẽ thế này

{
  "scripts": {
    "copy": "cpx './FolderB/**/*.{html,css,js}' './FolderA'"
  }
}

    Ngược lại nếu ko muốn copy chỉ file nào đó thì setting như thế này
"copy": "cpx './FolderB/**/*.!(html)' './FolderA'"
Nhiều file ko copy sẽ thế này
"copy": "cpx './FolderB/**/*.!(html | CSS | JS)' './FolderA'"

    2. Create New mkdirp
Tạo nhanh directory bằng module mkdirp

$ npm i -D mkdirp

    Trong package.json setting như sau rồi chạy $ npm run mkdir

{
  "scripts": {
    "mkdir": "mkdirp ./FolderA"
  }
}

    Chúng ta cũng có thể setting tạo thư mục con như thế này nhé
"mkdir": "mkdirp ./dist/css ./dist/js ./dist/img"

Lời kết

    Hi vọng với 2 module này mọi người có thể thao tác nhanh hơn thuận tiện hơn trong quá trình làm việc nhé. Cảm ơn mọi người đã đọc bài nhé.

Nguồn: Viblo

Bình luận
Vui lòng đăng nhập để bình luận
Một số bài viết liên quan