Мне интересно, возможно ли использовать веб-пакет для успешной сборки реакции-администратора для запуска в браузере? я новичок в npm / реагировать / и т.д., и я просто не могу гоняться за кучей случайных отведений, потому что это сложно. вот что у меня есть для package.json
:
{
"name": "new-admin",
"version": "0.1.0",
"private": true,
"dependencies": {
"prop-types": "^15.6.2",
"ra-data-json-server": "^2.3.1",
"react": "^16.5.1",
"react-admin": "^2.3.1",
"react-dom": "^16.5.1",
"react-scripts": "1.1.5"
},
"scripts": {
"start": "react-scripts start",
"build": "react-scripts build",
"test": "react-scripts test --env=jsdom",
"eject": "react-scripts eject"
},
"devDependencies": {
"@babel/cli": "^7.0.0",
"@babel/core": "^7.0.1",
"@babel/node": "^7.0.0",
"@babel/preset-env": "^7.0.0",
"@babel/preset-react": "^7.0.0",
"babel-loader": "^8.0.2",
"css-loader": "^1.0.0",
"style-loader": "^0.23.0"
}
}
и вот что у меня есть для webpack.config.js
:
const path = require('path');
module.exports = {
entry: './src/index.js',
target: 'web',
devtool: 'inline-source-map',
output: {
filename: 'main.js',
path: path.resolve(__dirname, 'dist')
},
module: {
rules: [
{
test: /\.js$/,
exclude: /(node_modules|bower_components)/,
use: {
loader: 'babel-loader',
options: {
presets: ['@babel/preset-react']
}
}
},
{
test:/\.css$/,
use:['style-loader','css-loader']
}
]
}
};
он прекрасно компилируется, но когда я пытаюсь запустить браузер, я получаю
html в значительной степени является примером html, но с загрузкой main.js