Asked Jul 26th, 2018 1:16 PM 211 0 1
  • 211 0 1
0

Vấn đề về Laravel mix

Share
  • 211 0 1

Chào mọi người, Mình cài đặt laravel 5.6. Mình dùng laravel mix để build giao diện theo react js. Mình gặp phải vấn đề như sau.

  1. Mình code React js theo kiểu es6. Nhưng khi mình đặt debugger thì mình phát hiện code es6 được build thành es5 dạng React.createClass
  2. Khi mình chuyển sang code react js theo create-react-app thì mình code es6 nhưng khi debugger thì vẫn là code es6. => Mình config thêm gì trong laravel mix để khi code es6 thì debug cũng là code es6.

Cám ơn các bạn đã xem.

Mình có đính kèm hình ảnh.

  1. laravel-mix
  2. create-react-app

1 ANSWERS


Answered Jul 27th, 2018 4:03 AM
+3

Chào bạn, trong project laravel bạn tạo thêm file .babelrc có nội dung là:

{
    "presets": [
        ["es2015", {"modules": false}],
        "react"
    ]
}

Tiếp đó cài:

npm install babel-preset-es2015 --save

Sau đó thử npm run dev lại xem.

Share
Truong Chi Nhan @zhangchinhan
Jul 28th, 2018 4:06 AM

Chưa được nhé bạn. mình có để ý là trong create-react-app. khi mình debug trong browser thì ứng với mỗi file component. Nó sẽ tạo ra 1 file với tên của component. Còn laravel mix thì nó bỏ tất cả component vào trong file app.js

=> Mình đang tìm cách nào để config trong laravel mix để khi debug sẽ debug ngay trong component lun. chứ ko phải đã được build trong app.js

0
| Reply
Share
Jul 29th, 2018 3:32 AM

@zhangchinhan bản chất laravel mi là webpack nên bạn thử search theo hướng đó xem sao

0
| Reply
Share