Cách xóa nhận xét khỏi mã được chuyển đổi bằng cách sử dụng babel-cli

Question

Tôi đã tìm kiếm một số tuỳ chọn .babelrc để xóa nhận xét khỏi mã được sao chép, nhưng tôi chưa có bất kỳ may mắn nào. Tôi cố gắng này:

{ 
    "comments": false 
} 

cũng như

{ 
    "options": { 
    "comments": false 
    } 
} 

và không hoạt động. Tôi hết ý tưởng, và tôi không thể tìm thấy bất kỳ tài liệu phong nha nào ở bất cứ đâu.

Answer 1

Sử dụng .babelrc luôn luôn khuyến khích:

{ 
    comments: false 
} 

Nếu sử dụng babel-cli, bạn có thể sử dụng tùy chọn --no-comments để đạt được các hành vi tương tự.

Phiên bản mới nhất của babel-cli bao gồm tests that check for this behaviour to be implemented correctly.

---

EDIT

Nó trông giống như một vấn đề với babel CLI bỏ qua các ý kiến ​​trong .babelrc, một cách giải quyết là sử dụng tùy chọn --no-comments.

Trong package.json

"build": "babel ./index.js --out-dir ./dist/index.js --no-comments" 

Để biết tất cả các tùy chọn của babel-cli

./node_modules/.bin/babel -h 

---

ORIGINAL

đâu bạn có đang chạy babel từ bạn? Gulp?

Kiểm tra xem bạn có các tập tin .babelrc trong cùng một hoặc một thư mục mẹ của các tập tin beign transpiled

Từ babeljs.io:

Babel sẽ tìm kiếm một .babelrc trong thư mục hiện của tập tin bị chuyển đổi. Nếu không tồn tại, nó sẽ di chuyển lên cây thư mục cho đến khi nó tìm thấy một .babelrc hoặc một package.json với một băm "babel": {} bên trong.

Tôi có một dự án với cấu trúc này:

• quận
  • index.js
• .babelrc
• index.js
• gulpfile.js
• node_modules
  • ...

Nhiệm vụ liên quan trong gulpfile.js

gulp.task('babel',() => { 
    return gulp.src('index.js') 
     .pipe(babel({ 
      presets: ['es2015'] 
     })) 
     .pipe(gulp.dest('./dist/')); 
}); 

Nội dung .babelrc

{ 
    "comments": false 
} 

Nhận xét đang được xóa thành công.

Ngoài ra, hãy kiểm tra xem bạn có không đặt tùy chọn comments thành true trong gulpfile của mình hay không.