Tại sao bạn nên bắt đầu sử dụng nodemon để phát triển các ứng dụng node

  -  
1. Vấn đề 1: Nodetháng là gì?Tại bài bác trướcreviews về Babelchúng ta vẫn cùng mọi người trong nhà dựng 1 nhỏ server NodeJS bởi express rồi đúng không nào bực nỗi là các lần bạn ráng đồi code sống IDE với cất giữ thì lúc ra trình chăm chú F5 mỏi tay vẫn thấy nó trơ trơ cái phương diện không thay đổi tý nào đúng không nhỉ nào? Cách giải quyết và xử lý là bọn chúng lại phải F5 hẳn bé hệ thống đó bằng cách Ctrl+ C gấp đôi ngơi nghỉ cmd mà bé server kia đang hoạt động. Việc này vô cùng mất time đề nghị không làm sao. Chính do lý do đó chúng ta đề xuất một module nữa giúp họ có tác dụng các bước "refresh" lại hệ thống nhanh hao rộng, bạo dạn rộng. Ok kia đó là module nodetháng mình muốn giới thiệu mang lại các bạn ngày hôm nay.

Bạn đang xem: Tại sao bạn nên bắt đầu sử dụng nodemon để phát triển các ứng dụng node

Các chúng ta đang phát âm tính năng của nodetháng rồi chđọng. Giờ họ bước đầu install trải qua npm bằng câu lệnh npm i -g nodemon ( chúng ta để ý là mình nhằm nó -g có nghĩa là global nhé ). Ok giờ chúng ta option một chút ít vào file package.json một ít để nhét nodemon vào npm start Lúc khởi chạy project. Đây là nội dung chúng ta phải chỉnh sửa.
*

Ok. Giờ các bạn start bé hệ thống bằng npm start
nhỏng bình thường nhé.2. Vấn đề 2: Cái gì là webpack.Ngày nay các website sẽ theo phía website phầm mềm cùng với đầy đủ đặc tính như:Sử dụng JS ngày càng đôi lúc cơ mà sức khỏe của chính nó cả mặt server lẫn client là không hẳn tranh luận.Những browser ngày càng hỗ trợ đông đảo công nghệ new lúc cơ mà vận tốc cải tiến và phát triển của công nghệ là hối hả mặt.Những tran full-page-reload ít đi cầm vào đó là hồ hết trang SPA ( single page ứng dụng ) được sử dụng càng ngày các.Chính vị mọi xu hướng trên sẽ sản xuất tiền đề cho 1 chính sách quản lí tệp tin một giải pháp tác dụng. Một trong số đó chính là Webpaông chồng - một cách thức cực kỳ bạo dạn để triển khai câu hỏi đó, tuy vậy nó là 1 module bundler siêu bắt đầu nhưng sẽ thực sự gây sự chú ý gần đây. Ok giờ đồng hồ bọn họ đi tìm hiều về vấn đề thực hiện nó ra sao nhé.
Config file vào webpaông chồng là vị trí không toàn bộ những tùy chỉnh, loader, plugin với các thông số khác về build nhưng bạn muốn phát hành. Quý Khách hãy tạo ra filewebpack.config.jstrong tlỗi mục gốc cùng thêm hầu hết chiếc lệnh sau:
entry- thương hiệu của file hoặc một mảng những tệp tin mà bọn họ muốn include. Trong ví dụ này, họ sử dụng 1 file tuyệt nhất làapp.js.
output- là 1 object chứa phần đông thiết lập cấu hình output. Trong ví dụ này, họ chỉ rafilenamelàbundle.jslà file nhưng mà chúng ta hy vọng Webpachồng build ra.
lúc trường tồn filewebpack.config.js, webpachồng sẽ build nhờ vào tệp tin config đó, nhưng ko đề xuất bọn họ bắt buộc chứng tỏ ra file input với file output mỗi một khi gõ lệnh nlỗi ví dụ trước đó.
Hẳn mỗi lần bạn sửa file, chúng ta không muốn lại cần vào Terminal và chạy lại webpaông xã nhằm build ra file công dụng bạn muốn. Watchmode sẽ giúp đỡ chúng ta theo dõi và quan sát files, với Lúc bọn chúng tất cả bất kỳ đổi khác làm sao, nó đang ngay mau chóng build với xuất ra tệp tin output.
Từ command line:webpachồng --watchVào vào tệp tin config, thêm 1 key làwatchvà đặt nó làtruemodule.exports = entry: "./ứng dụng.js", output: filename: "bundle.js" , watch: true
Sau khi đặtwatchthành true, từng khi bạn chạy webpack, nó vẫn tự động hóa rebuild file bulde mỗi lúc gồm thay đổi.

Xem thêm: Tải Game Hiệp Sĩ Online Cho Android 2, Knight Age Cho Android 2


Loader chất nhận được bạn chi phí xử lí một tệp tin khi bạn require hoặc load nó. Loader co1 thể transform file từ nhiều ngữ điệu khác nhau nhỏng CoffeeScript lịch sự Javascript. Loader thậm chí là còn chất nhận được chúng ta require css file ngay trong Javascript.
Sau trên đây, họ đã cài đặt và thực hiện loader babel. Trước lúc rất có thể cần sử dụng được, họ cần được sở hữu một số npm module trước.
npm install babel-core babel-loader babel-preset-es2015 babel-preset-react webpachồng --save-devbabel-corelà package babel của npmbabel-loaderlà loader của babel mang lại webpackbabel-preset-es2015là babel preset mang đến toàn bộ plugin của ES2015babel-preset-reactgóp transform code JSX của React thành Js--save-devgiữ tất cả các module thành development dependencies.
Bây giờ đồng hồ nhằm sở hữu dặt babel transform code ES6, chúng ta đề xuất sửa đổi webpaông xã.config.js một ít. Trước tiên là thêm 1 key làmodule,trong các số đó thêm mảngloaders, từng thành phần của mảng là config cho một loader. Sau phía trên bọn họ đã config mang lại babel-loader.
module.exports = entry: "./phầm mềm.js", output: filename: "bundle.js" , module: loaders: < test: /.js$/, exclude: /node_modules/, loader: "babel-loader", query: presets: <"react", "es2015"> > , resolve: extensions: <"", ".js"> ,
test- là 1 trong những regular expression dùng để soát sổ số đông tệp tin như thế nào sẽ tiến hành chạy loader. Trong ví dụ này, tất cả đa số file có extension là .js sẽ được chạy babel-loader.
exclude- những tệp tin nhưng loader vẫn loại bỏ (ignore). Chúng ta thêm node_modules vào chỗ này.
loader- tên của loader bọn họ dủng (babel-loader)
query- quý khách có thể truyền options mang đến loader bằng cách viết chúng như những query string.

Xem thêm: Nghĩa Của Từ Jagger Là Gì ? What Is The Meaning Of Jagger


cacheDirectory- mặt định false. khi được đặt, thư mục được chọn sẽ tiến hành thực hiện để cabít tác dụng tự loader.
Chúng ta còn thêm keyresolvedùng làm chỉ ra rằng mọi tệp tin như thế nào hoàn toàn có thể được cập nhật cơ mà không nhất thiết phải đã cho thấy tệp tin extension. Giúp bạn cũng có thể viết như này: