Я создал очень простое приложение, которое загружает только json из URL, а затем отображает его. Нет фрагментов, которые можно разделить , все минимизируется, но я все равно получаю сообщение:
«ПРЕДУПРЕЖДЕНИЕ при ограничении размера ресурса: следующие активы превышают рекомендуемый предел размера (244 КиБ). Это может повлиять на производительность сети. Ресурсы: output_react.js (245 КиБ)».
Режим производства включен (сценарий минимизирован, время разработки больше 1 МБ), приложение в основном ничего не делает, а веб-пакет уже сообщает, что он слишком большой? Зачем? И как я могу решить это? (style.scss также пусто, всего 150 символов).
Мой код:
App.js
import React, {Component} from 'react';
require('../styles/style.scss');
class App extends Component {
constructor(){
super();
this.state = {
orders : []
}
this.getOrders();
}
getOrders (){
fetch('http://localhost/supplier/get_orders.php')
.then(results =>{
return results.json();
}).then(data =>{
let orders = data.orders.map((order) => {
return(
<div key={order.order_index} className={order.status}>
{order.sizes}
</div>
)
})
this.setState({orders: orders})
})
}
render() {
return <div className="orders_container">{this.state.orders}</div> ;
}
}
export default App;
Мой webpack.config.js:
const webpack = require('webpack')
const path = require('path')
const HtmlWebpackPlugin = require('html-webpack-plugin')
module.exports = {
entry: './src/index.js',
output: {
path: path.join(__dirname, '/dist'),
filename: 'output_react.js'
},
module: {
rules: [
{
test: /\.js$/,
exclude: [/node_modules/, /git/],
use: {
loader: 'babel-loader'
}
},
{
test: /\.scss$/,
exclude: /git/,
use: [
"style-loader", // creates style nodes from JS strings
"css-loader", // translates CSS into CommonJS
"sass-loader" // compiles Sass to CSS, using Node Sass by default
]
},
{
test: /\.css$/,
exclude: /git/,
use: [
"style-loader", // creates style nodes from JS strings
"css-loader" // translates CSS into CommonJS
]
}
]
},
plugins: [
new HtmlWebpackPlugin({
template: './src/index.html'
})
],
watch: true
}