Skip to main content
Hướng dẫn sử dụng gulp để setup local webserver

Share Everywhere

Ngày 11.6.2021, mình có chia sẻ skill nhỏ cho các bạn Frontend cấu hình gulp server

Các bạn phải install vào dự án gói sau

$ npm install gulp -g

$ npm install gulp gulp-webserver --save-dev

Trong file gulpfile.js các bạn cấu hình

gulp.task('serve', function() {
  gulp.src('dist')
    .pipe(webserver({     
      port:'3131',
      livereload: true,
      open: true
    }));
});

Khi đó bạn chay lệnh gulp serve

localhost:3131 sẽ mở và you get the response: GET /

My gulpfile, src folder and the folder after build, ie the dist folder all are in same level.

├── src       // my raw application folder
├── dist      // application folder after building
|   .
|   .
|   └── index.html
└── gulpfile.js
Bạn cảm thấy bài viết này như thế nào?

Add new comment

Restricted HTML

  • Allowed HTML tags: <a href hreflang> <em> <strong> <cite> <blockquote cite> <code> <ul type> <ol start type> <li> <dl> <dt> <dd> <h2 id> <h3 id> <h4 id> <h5 id> <h6 id>
  • Lines and paragraphs break automatically.
  • Web page addresses and email addresses turn into links automatically.
CAPTCHA
This question is for testing whether or not you are a human visitor and to prevent automated spam submissions.
3 + 10 =
Solve this simple math problem and enter the result. E.g. for 1+3, enter 4.