Ребят, вы бы гоу в https://t.me/macos_ru :)

Перевёз

Соглашусь :) Просто мне было интересно, может быть я что-нибудь упускаю, пользуясь css modules вместо jss

Соглашусь. Сразу выбрал css модули. Кайфую.

подскажите пожалуйста, почем у меня ссылки на главной (которые справа) не работают как нужно, а ссылки слева работают? http://unfalsecoding.net/rrm/ https://github.com/unfalse/wordpress_react_mirror/blob/master/src/App.js

react-router 4 использовал, не понимаю логики этого роутера

вроде бы Link'и внутри Router лежат

так, извиняюсь, ссылки справа работают

а слева как раз не работают

Не могу найти канал по vuejs

Дайте плз

https://t.me/vuejs_ru

всё, починил, в Home был лишним Router

всё, починил, в Home был лишним Router

Он вообще должен быть один на всё приложение, если не путаю.

Господа, подскажите, пожалуйста. Внутри роутов я использую компоненты, которые включают картинки, примерно так import myImg from './img.png' <img src={myImg}> Точка входа приложения выглядит вот так const router = ( <BrowserRouter> <Route path='/' component={App}/> </BrowserRouter> ); ReactDOM.render( router, document.getElementById('root') ); Вебпак всё складывает в папку dist. В том числе и картинки из компонентов. Проблема в том, что складывает он их в корень, примерно так dist/img.png А пути в HTML прописывает согласно роутам, примерно так <img src="/path/img.png"> Соответственно, все картинки на вложенных роутах — 404. Мне нужно сказать вебпаку складывать картинки в dist согласно вложенности роутов, или же сказать писать пути без роутов в HTML. Ни то, ни другое у меня не получается. Подскажите, пожалуйста — как быть?

Лоадер вебпака подключи

Файл лоадер

Подключен

Конфиг вебпака выглядит примерно так module.exports = { watch : true, entry : { app: [ 'babel-polyfill', path.resolve(__dirname, 'src/index.jsx') ] }, resolve: { extensions: ['.js', '.jsx'] }, output : { filename: 'bundle-[hash].js', path : path.resolve(__dirname, 'dist'), }, plugins: [ new ExtractTextPlugin('[name]-[hash].css'), ], module : { rules: [ { test : /\.jsx?$/, exclude: /node_modules/, use : 'babel-loader', include: path.join(__dirname, 'src') }, { test: /\.(less|css)$/, use : ExtractTextPlugin.extract( { use: [ {loader: 'css-loader'}, {loader: 'resolve-url-loader'}, {loader: 'less-loader'}, ] } ), }, { test: /\.(png|jpg|jpeg|gif)$/, use : [ 'file-loader?hash=sha512&digest=hex&name=[name]-[hash].[ext]', 'image-webpack-loader?bypassOnDebug&optimizationLevel=7&interlaced=false' ], }, ] } }

Почему не CRA?

А что это?

Create react app

такое себе

Create react app

Ну потому что хочу полностью сам написать

И вот в этом месте затык

Лоадер вебпака подключи

Может, его как-то донастроить надо?

Конфиг вебпака выглядит примерно так module.exports = { watch : true, entry : { app: [ 'babel-polyfill', path.resolve(__dirname, 'src/index.jsx') ] }, resolve: { extensions: ['.js', '.jsx'] }, output : { filename: 'bundle-[hash].js', path : path.resolve(__dirname, 'dist'), }, plugins: [ new ExtractTextPlugin('[name]-[hash].css'), ], module : { rules: [ { test : /\.jsx?$/, exclude: /node_modules/, use : 'babel-loader', include: path.join(__dirname, 'src') }, { test: /\.(less|css)$/, use : ExtractTextPlugin.extract( { use: [ {loader: 'css-loader'}, {loader: 'resolve-url-loader'}, {loader: 'less-loader'}, ] } ), }, { test: /\.(png|jpg|jpeg|gif)$/, use : [ 'file-loader?hash=sha512&digest=hex&name=[name]-[hash].[ext]', 'image-webpack-loader?bypassOnDebug&optimizationLevel=7&interlaced=false' ], }, ] } }

output.publicPath: 'dist'

Или 'path'. Короче, тебе нужна эта опция: https://webpack.js.org/configuration/output/#output-publicpath

output.publicPath: 'dist'

Так сборка ломается, все файлы начинат искаться в dist/dist, а их там нету

Или 'path'. Короче, тебе нужна эта опция: https://webpack.js.org/configuration/output/#output-publicpath

Читаю, спасибо

Читаю, спасибо

Тогда погоди. Может быть всё таки не это нужно.

Читаю, спасибо

{ test: /\.(png|jpg)$/, loader: 'url-loader?limit=100000&name=./imgs/[hash].[ext]' } Вот образец. Там надо поменять путь на подходящий тебе.

Тьфу, не тот лоадер. Вот. use: "file-loader?name=[name].[ext]&publicPath=assets/foo/&outputPath=app/images/"

конфиги вебпака выглядят ужасно

пзддц :с

такой способ передачи параметров разве не deprecated? name и тд в options надо передавать

Привет. Ютуб чтот мудрит. Что это за фигня

показывает на всех прямых эфирах

такой способ передачи параметров разве не deprecated? name и тд в options надо передавать

А можно пример? Я из README брал

},{ test: /\.(png|jpg)$/, use: [ { loader: "file-loader", options: { name: "[name].[ext]", publicPath: "assets/images/", outputPath: "public/assets/images/" } } ] },{

но у меня в проектах чаще publicPath указан в output, а name типа name: "assets/images/[name].[ext]",

Ага, спасибо, щас попробую

Я вот не понимаю, как можно прогать на Redux при наличии Mobx

React - хороший фреймворк, React+Mobx - отличный, а Redux добавить это как нассать в бочку с пивом

ERROR: S client not available

Ребят, гоу с такими тредами в https://t.me/react_js

Мобкс говно потому что явное лучше неявного

Тред закрыт

https://i.ytimg.com/vi/kwXIwS_MCTU/hqdefault.jpg

Тред закрыт

Хороший аргумент )

Раунд

sne18, this type of media is not allowed in this chat. (1/3)

))

Внимание вопрос! Есть определенные кейсы, при отсутствии semicolons, когда это создаёт ошибку, создавая не то поведение, что ожидается. И было правило eslint, которое алертило, если такие кейсы возникают. Кто-нибудь помнит, что это за правило?

Внимание вопрос! Есть определенные кейсы, при отсутствии semicolons, когда это создаёт ошибку, создавая не то поведение, что ожидается. И было правило eslint, которое алертило, если такие кейсы возникают. Кто-нибудь помнит, что это за правило?

Вот обсуждают кейсы: https://github.com/eslint/eslint/issues/4457

Внимание вопрос! Есть определенные кейсы, при отсутствии semicolons, когда это создаёт ошибку, создавая не то поведение, что ожидается. И было правило eslint, которое алертило, если такие кейсы возникают. Кто-нибудь помнит, что это за правило?

semi

нет?

http://eslint.org/docs/rules/no-unexpected-multiline

http://eslint.org/docs/rules/no-unexpected-multiline

Ох, таки есть

http://eslint.org/docs/rules/no-unexpected-multiline

Супер, спасибо!

Нас 2к. Или это не новости? ;)

Ура! Всех с праздником! ?

\o/

Продолжаем вечеринку! https://www.youtube.com/watch?v=MuHvOAGM14M