@hollanditkzn

Как запустить react из отдельных файлов?

У меня вопрос, как сделать так чтобы появился скрипт который подкючает собранный файл от webpack
include layout
sctipt(type='text/babel' src='/client/bundle.js')
#content

В webpack
const path = require("path");

module.exports = {
	entry: __dirname + "/public/js/AuthForm.js",
	output: {
		filename: "bundle.js",
		path: path.resolve(__dirname + "/public/client")
	},
	module: {
		rules: [
			{
				test: /\.js$/,
				exclude: /node_modules/,
				loader: "babel-loader"
			},
			{
				test: /\.jsx$/,
				exclude: /node_modules/,
				loader: "babel-loader"
			}
		]
	}
};

В .babelrc
{
  "presets": [
    "es2015",
    "react",
    "stage-0"
  ]
}

И в самом файле AuthForm.js простенький код
import React from 'react';
import ReactDOM from 'react-dom';

ReactDOM.render(
    <h1>Hello world!</h1>,
    document.getElementById('content')
);

Только когда я все собрал
C:\OpenServer\domains\trainingPortal>npx webpack --config webpack.config.js
npx: installed 1 in 1.823s
Path must be a string. Received undefined
C:\OpenServer\domains\trainingPortal\node_modules\webpack\bin\webpack.js
Hash: 9a12974da47514bba93f
Version: webpack 3.10.0
Time: 1248ms
    Asset    Size  Chunks                    Chunk Names
bundle.js  727 kB       0  [emitted]  [big]  main
  [14] ./public/js/AuthForm.js 418 bytes {0} [built]
    + 26 hidden modules

То у меня не выходит надпись Hello world, Хотя по логике моей она должна выйти
  • Вопрос задан
  • 290 просмотров
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы