شروع کار با React در دروپال 8

drupal

react js


کامپایل react با استفاده از Laravel Mix

npm install react react-dom -s
npm install laravel-mix cross-env --save-dev

ساخت webpack.mix.js  به صورت زیر

const mix = require('laravel-mix');

mix.react('src/index.js', 'dist');

ساختpackage.json  به صورت زیر

&quotscripts&quot: {
  &quotdev&quot: &quotnpm run development&quot,
  &quotdevelopment&quot: &quotcross-env NODE_ENV=development node_modules/webpack/bin/webpack.js --progress --hide-modules --config=node_modules/laravel-mix/setup/webpack.config.js&quot,
  &quotwatch&quot: &quotnpm run development -- --watch&quot,
  &quothot&quot: &quotcross-env NODE_ENV=development node_modules/webpack-dev-server/bin/webpack-dev-server.js --inline --hot --config=node_modules/laravel-mix/setup/webpack.config.js&quot,
  &quotprod&quot: &quotnpm run production&quot,
  &quotproduction&quot: &quotcross-env NODE_ENV=production node_modules/webpack/bin/webpack.js --no-progress --hide-modules --config=node_modules/laravel-mix/setup/webpack.config.js&quot
},

برای دیویلوپ کردن از دستور زیر استفاده کنید

$ npm run watch

برای ساخت پروژه نهایی از دستور زیر

$ npm run production