Cách bao gồm gói materialize-css npm với webpack

Question

Tôi đang viết ứng dụng phía máy khách đang sử dụng Webpack và tôi không thể tìm ra cách yêu cầu gói materialize-css. Tôi đang sử dụng Henrik Joreteg's hjs-webpack package và với gói nics yeticss này được bao gồm bằng cách thực hiện nhập trong tệp sass (ví dụ: @import 'yeticss'), nhưng điều này không hiệu quả cho việc thực hiện. Yêu cầu nó thẳng lên trong mã (ví dụ: import 'materialize-css' trong tệp JS) giống như bất kỳ gói nào khác cũng không hoạt động.

Answer 1

Trong trường hợp này, không giống như với yeticss, bạn cần phải đi vào và yêu cầu các tập tin cụ thể, chứ không phải chỉ là tên gói, như sau:

import 'materialize-css/bin/materialize.css' 
import 'materialize-css/bin/materialize.js' 

Answer 2

Trong trường hợp của tôi, tôi đang sử dụng create-react-app, và tôi được thể:

yarn add materialize-css 

Và sau đó trong index.js của tôi (cấp cao nhất tập phản ứng):

import '../node_modules/materialize-css/dist/css/materialize.min.css'; 
import '../node_modules/materialize-css/dist/js/materialize.min.js';