&--active {
width: 1200px;
height: 1200px;
transform: translate(-35%, -52%);
@media screen and (min-width: 1571px) {
width: 1600px;
height: 1600px;
}
@media screen and (min-width: 1851px) {
width: 2000px;
height: 2000px;
}
}const socket = io('/path');
после некоторого времени обнаружил что вебпак изменяет путь
То есть
путь import video from '../../img/video/mainstream.mp4'
он видит как Video /static/media/mainstream.bbae5fec.mp4
<video src={require('../../img/video/mainstream.mp4')} />Зачем нужен CopyWebpackPlugin?
Он же просто копирует файлы из сорса в билд, зачем это нужно, не понимаю, если можно настроить только файлы, которые действительно надо как-то скомпилировать, а не тупо скопировать.
Это же место на серваке занимает, да и разве это удобно, или я что-то упустил?
config.devServer = {
contentBase: path.resolve(__dirname, 'build'),
compress: false,
port: 9000,
historyApiFallback: true,
};output: {
path: path.resolve(__dirname, 'build'),
filename: 'bundle.js',
publicPath: '/',
},localhost:9000/bundle.js
babel-preset-stage-0 и babel-preset-env, и поставить @babel/preset-stage-0.
devServer: {
contentBase: path.join(__dirname, 'build', 'myFolder'),
}devServer: {
before: (app, server) => {
app.get('/', (req, res) => {
res.sendFile(path.resolve(__dirname, './build/myFolder/index.html'));
});
},
},const express = require('express');
const cors = require('cors');
const app = express();
app.use(cors());
// ...module.exports = {
devServer: {
clientLogLevel: 'silent', // 'silent' | 'trace' | 'debug' | 'info' | 'warn' | 'error' | 'none' | 'warning'
},
};module.exports = {
plugins: [
new webpack.DefinePlugin({
__API__: JSON.stringify('http://my-api-service.com'),
}),
],
};