Ngoài ra, các tập lệnh điểm vào khác nhau nằm trong gói cấp cao nhất tại
{
"devDependencies": {
+ "@babel/cli": "^7.0.0",
+ "@babel/core": "^7.0.0"
}
}
{
"devDependencies": {
+ "@babel/cli": "^7.0.0",
+ "@babel/core": "^7.0.0"
}
}
npx babel script.js
Cài đặt
Mặc dù bạn có thể cài đặt Babel CLI trên toàn cầu trên máy của mình, nhưng tốt hơn hết là bạn nên cài đặt nó cục bộ theo từng dự án
Có hai lý do chính cho việc này
- Các dự án khác nhau trên cùng một máy có thể phụ thuộc vào các phiên bản khác nhau của Babel cho phép bạn cập nhật chúng riêng lẻ
- Không có sự phụ thuộc ngầm định vào môi trường bạn đang làm việc giúp dự án của bạn trở nên linh hoạt hơn và dễ cài đặt hơn
Chúng tôi có thể cài đặt Babel CLI cục bộ bằng cách chạy
npm install --save-dev @babel/core @babel/cli
Ghi chú. Nếu bạn không có
1, hãy tạo một cái trước khi cài đặt. Điều này sẽ đảm bảo tương tác thích hợp với lệnhnpx babel script.js2npx babel script.js
Sau khi cài đặt xong, tệp
npx babel script.js
{
"devDependencies": {
+ "@babel/cli": "^7.0.0",
+ "@babel/core": "^7.0.0"
}
}
Cách sử dụng
Ghi chú. Vui lòng cài đặt
4 vànpx babel script.js5 trướcnpx babel script.js6, nếu không thìnpx babel script.js2 sẽ cài đặtnpx babel script.js8 đã lỗi thời 6. x. Khác với npx, bạn cũng có thể thả nó vào bên trong tập lệnh chạy npm hoặc thay vào đó, bạn có thể thực thi bằng đường dẫn tương đối.npx babel script.js9npx babel script.js
npx babel script.js
biên dịch tập tin
Biên dịch tệp
{
"devDependencies": {
+ "@babel/cli": "^7.0.0",
+ "@babel/core": "^7.0.0"
}
}
{
"devDependencies": {
+ "@babel/cli": "^7.0.0",
+ "@babel/core": "^7.0.0"
}
}
Nếu bạn muốn xuất ra một tệp, bạn có thể sử dụng
{
"devDependencies": {
+ "@babel/cli": "^7.0.0",
+ "@babel/core": "^7.0.0"
}
}
{
"devDependencies": {
+ "@babel/cli": "^7.0.0",
+ "@babel/core": "^7.0.0"
}
}
{
"devDependencies": {
+ "@babel/cli": "^7.0.0",
+ "@babel/core": "^7.0.0"
}
}
Để biên dịch tệp mỗi khi bạn thay đổi tệp, hãy sử dụng tùy chọn
{
"devDependencies": {
+ "@babel/cli": "^7.0.0",
+ "@babel/core": "^7.0.0"
}
}
{
"devDependencies": {
+ "@babel/cli": "^7.0.0",
+ "@babel/core": "^7.0.0"
}
}
npx babel script.js
Biên dịch với Bản đồ nguồn
Ghi chú. Kể từ v7. 19. 3, nếu thông số này không được chỉ định,
4 sẽ tuân theo các tệp cấu hìnhnpx babel script.js
Sau đó, nếu bạn muốn thêm tệp bản đồ nguồn, bạn có thể sử dụng
{
"devDependencies": {
+ "@babel/cli": "^7.0.0",
+ "@babel/core": "^7.0.0"
}
}
{
"devDependencies": {
+ "@babel/cli": "^7.0.0",
+ "@babel/core": "^7.0.0"
}
}
npx babel script.js
Hoặc, nếu bạn muốn có bản đồ nguồn nội tuyến, hãy sử dụng
{
"devDependencies": {
+ "@babel/cli": "^7.0.0",
+ "@babel/core": "^7.0.0"
}
}
npx babel script.js
biên dịch thư mục
Biên dịch toàn bộ thư mục
{
"devDependencies": {
+ "@babel/cli": "^7.0.0",
+ "@babel/core": "^7.0.0"
}
}
{
"devDependencies": {
+ "@babel/cli": "^7.0.0",
+ "@babel/core": "^7.0.0"
}
}
{
"devDependencies": {
+ "@babel/cli": "^7.0.0",
+ "@babel/core": "^7.0.0"
}
}
{
"devDependencies": {
+ "@babel/cli": "^7.0.0",
+ "@babel/core": "^7.0.0"
}
}
{
"devDependencies": {
+ "@babel/cli": "^7.0.0",
+ "@babel/core": "^7.0.0"
}
}
npm install --save-dev @babel/core @babel/cli
Biên dịch toàn bộ thư mục
{
"devDependencies": {
+ "@babel/cli": "^7.0.0",
+ "@babel/core": "^7.0.0"
}
}
npm install --save-dev @babel/core @babel/cli
Bỏ qua các tập tin
Bỏ qua các tệp thông số kỹ thuật và kiểm tra
{
"devDependencies": {
+ "@babel/cli": "^7.0.0",
+ "@babel/core": "^7.0.0"
}
}
Sao chép tập tin
Sao chép các tệp sẽ không được biên dịch
{
"devDependencies": {
+ "@babel/cli": "^7.0.0",
+ "@babel/core": "^7.0.0"
}
}
Nếu bạn không muốn sao chép các tệp JavaScript bị bỏ qua
Lịch sửPhiên bảnChangesv7. 8. 0Đã thêm{
"devDependencies": {
+ "@babel/cli": "^7.0.0",
+ "@babel/core": "^7.0.0"
}
}
{
"devDependencies": {
+ "@babel/cli": "^7.0.0",
+ "@babel/core": "^7.0.0"
}
}
{
"devDependencies": {
+ "@babel/cli": "^7.0.0",
+ "@babel/core": "^7.0.0"
}
}
{
"devDependencies": {
+ "@babel/cli": "^7.0.0",
+ "@babel/core": "^7.0.0"
}
}
{
"devDependencies": {
+ "@babel/cli": "^7.0.0",
+ "@babel/core": "^7.0.0"
}
}
tập tin đường ống
Đưa một tệp vào qua stdin và xuất nó thành
{
"devDependencies": {
+ "@babel/cli": "^7.0.0",
+ "@babel/core": "^7.0.0"
}
}
{
"devDependencies": {
+ "@babel/cli": "^7.0.0",
+ "@babel/core": "^7.0.0"
}
}
Sử dụng plugin
Sử dụng tùy chọn
npx babel script.js
{
"devDependencies": {
+ "@babel/cli": "^7.0.0",
+ "@babel/core": "^7.0.0"
}
}
Sử dụng cài đặt trước
Sử dụng tùy chọn
npx babel script.js
{
"devDependencies": {
+ "@babel/cli": "^7.0.0",
+ "@babel/core": "^7.0.0"
}
}
phớt lờ. babelrc. json hoặc. babelrc
Bỏ qua cấu hình từ tệp
npx babel script.js
npx babel script.js
{
"devDependencies": {
+ "@babel/cli": "^7.0.0",
+ "@babel/core": "^7.0.0"
}
}
Đường dẫn cấu hình tùy chỉnh
{
"devDependencies": {
+ "@babel/cli": "^7.0.0",
+ "@babel/core": "^7.0.0"
}
}
Đặt phần mở rộng tệp
Đã thêm vào.
npx babel script.js
Theo mặc định, Babel sẽ ghi đè phần mở rộng của tệp được dịch mã và sử dụng
npx babel script.js
Để duy trì phần mở rộng tệp ban đầu, bạn có thể vượt qua
npx babel script.js
Bạn cũng có thể kiểm soát phần mở rộng tệp nào được sử dụng với
npx babel script.js
npx babel script.js
Lưu ý rằng không thể sử dụng đồng thời
npx babel script.js
npx babel script.js
Sử dụng nâng cao
Có nhiều tùy chọn hơn, xem các tùy chọn,
npx babel script.js