Yêu cầu thg 7 26, 2018 1:16 CH 418 0 1
  • 418 0 1
0

Vấn đề về Laravel mix

Chia sẻ
  • 418 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 CÂU TRẢ LỜI


Đã trả lời thg 7 27, 2018 4:03 SA
+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.

Chia sẻ
Avatar Truong Chi Nhan @zhangchinhan
thg 7 28, 2018 4:06 SA

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

Avatar Mango @vinhnguyen
thg 7 29, 2018 3:32 SA

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

Viblo
Hãy đăng ký một tài khoản Viblo để nhận được nhiều bài viết thú vị hơn.
Đăng kí