1. Sự việc 1: Nodemon là gì?Ở bài trướcgiới thiệu về Babelchúng ta đã cùng cả nhà dựng 1 nhỏ server NodeJS bởi express rồi đúng không ạ bực nỗi là mỗi lần bạn thay đồi code sinh hoạt IDE và giữ lại thì lúc ra trình để mắt tới F5 mỏi tay vẫn thấy nó trơ trơ chiếc mặt không đổi khác tý nào đúng không nhỉ nào? Cách xử lý là chúng lại cần F5 hẳn nhỏ server đó bằng phương pháp Ctrl+ C 2 lần ở cmd mà con server đó đã chạy. Việc này khôn xiết mất time bắt buộc không nào. Chính vì lý bởi đó chúng ta cần một module nữa giúp chúng ta làm công việc "refresh" lại server cấp tốc hơn, khỏe mạnh hơn. Ok đó đó là module nodemon mình muốn giới thiệu cho các bạn ngày hôm nay.

Bạn đang xem: Cách tự động khởi động lại ứng dụng node

Các chúng ta đã hiểu tác dụng của nodemon rồi chứ. Giờ chúng ta ban đầu install thông qua npm bởi câu lệnh npm i -g nodemon ( các bạn chú ý là mình để nó -g có nghĩa là global nhé ). Ok giờ chúng ta option một ít trong tệp tin package.json một chút để nhét nodemon vào npm start lúc khởi chạy project. Đây là nội dung chúng ta cần chỉnh sửa.
*

Ok. Giờ chúng ta start nhỏ server bằng npm start
như bình thường nhé.2. Vụ việc 2: đồ vật gi là webpack.Ngày nay những website đang theo hướng web ứng dụng với hầu như đặc tính như:Sử dụng JS ngày càng nhiều khi mà sức khỏe của nó cả bên server lẫn client là không hẳn bàn cãi.Những browser ngày càng cung cấp những công nghệ mới khi nhưng mà tốc độ trở nên tân tiến của công nghệ là hối hả mặt.Những tran full-page-reload không nhiều đi cụ vào đó là phần đa trang spa làm đẹp ( single page phầm mềm ) được sử dụng ngày càng nhiều.Chính bởi vì những xu hướng trên đã sinh sản tiền đề đến một chế độ quản lí file một cách hiệu quả. Một trong các đó chính là Webpack - một khí cụ rất mạnh để triển khai việc đó, mặc dù nó là một trong module bundler rất mới nhưng sẽ thực sự gây sốt ngay sát đây. Ok giờ bọn họ đi tìm kiếm hiều về việc sử dụng nó thế nào nhé.
Config file trong webpack là vị trí chưa toàn bộ các thiết lập, loader, plugin và các thông số kỹ thuật khác về build mà bạn muốn xây dựng. Các bạn hãy tạo filewebpack.config.jstrong thư mục nơi bắt đầu và thêm gần như dòng lệnh sau:
entry- tên của file hoặc một mảng rất nhiều file mà chúng ta muốn include. Trong ví dụ như này, chúng ta dùng 1 file tốt nhất làapp.js.
output- là một object đựng những cấu hình thiết lập output. Trong ví dụ này, họ chỉ rafilenamelàbundle.jslà tệp tin mà họ muốn Webpack build ra.
Khi trường tồn filewebpack.config.js, webpack đang build phụ thuộc file config đó, nhưng không cần họ phải chứng thật ra file input cùng file output mọi khi gõ lệnh như lấy ví dụ trước đó.
Hẳn các lần bạn sửa file, bạn không muốn lại yêu cầu vào Terminal cùng chạy lại webpack để build ra file hiệu quả bạn mong mỏi muốn. Watchmode để giúp bạn theo dõi files, với khi chúng có bất kì đổi khác nào, nó đã ngay mau chóng build với xuất ra tệp tin output.
Từ command line:webpack --watchVào trong tệp tin config, thêm 1 key làwatchvà để nó làtruemodule.exports = entry: "./app.js", output: filename: "bundle.js" , watch: true
Sau khi đặtwatchthành true, mỗi khi chúng ta chạy webpack, nó sẽ tự động hóa rebuild tệp tin bulde mỗi một khi có vậy đổi.
Loader được cho phép bạn tiền up load một file khi bạn require hoặc load nó. Loader co1 thể transform file từ rất nhiều ngôn ngữ khác biệt như CoffeeScript quý phái Javascript. Loader thậm chí còn có thể chấp nhận được bạn require css tệp tin ngay trong Javascript.
Sau đây, họ sẽ cài đặt và áp dụng loader babel. Trước khi rất có thể dùng được, họ cần bắt buộc cài một số npm module trước.
npm install babel-core babel-loader babel-preset-es2015 babel-preset-react webpack --save-devbabel-corelà package babel của npmbabel-loaderlà loader của babel mang lại webpackbabel-preset-es2015là babel preset cho toàn bộ plugin của ES2015babel-preset-reactgiúp transform code JSX của React thành Js--save-devlưu tất cả các module thành development dependencies.
Bây giờ để thiết lập dặt babel transform code ES6, bọn họ cần sửa đổi webpack.config.js một chút. Đầu tiên là thêm 1 key làmodule,trong đó thêm mảngloaders, mỗi phần tử của mảng là config cho một loader. Sau đây bọn họ sẽ config đến babel-loader.
module.exports = entry: "./app.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 regular expression dùng để kiểm tra hầu như file nào sẽ tiến hành chạy loader. Trong lấy ví dụ như này, toàn bộ những file tất cả extension là .js sẽ được chạy babel-loader.
exclude- gần như file nhưng loader sẽ loại bỏ (ignore). Họ thêm node_modules vào đây.
loader- tên của loader bọn họ dủng (babel-loader)
query- bạn có thể truyền options cho loader bằng phương pháp viết chúng giống như các query string.

Xem thêm: Chất Nào Sau Đây Làm Khô Khí Nh3 Tốt Nhất ? Cao Chất Nào Sau Đây Làm Khô Khí Nh3 Tốt Nhất


cacheDirectory- phương diện định false. Khi được đặt, folder được chọn sẽ tiến hành sử dụng để cache kết quả từ loader.
Chúng ta còn tồn tại keyresolvedùng nhằm chỉ ra phần đông file nào rất có thể được cập nhật mà không cần thiết phải chỉ ra file extension. Giúp chúng ta có thể viết như này: