Size: a a a

Webpack — русскоговорящее сообщество

2020 May 08

A

Alex CherryTea in Webpack — русскоговорящее сообщество
написал плагин, выложил в нпм - забил на поддержку, даже мр реквесты смотреть не буду
источник

VP

Vasya Peregarkin in Webpack — русскоговорящее сообщество
Alex CherryTea
хотябы раз свой конфиг надо написать, просто чтобы было понимание
Ну вот я этим и занимаюсь, но постоянно не покидает ощущение что я что то не понимаю, и что можно сделать лучше
источник

A

Alex CherryTea in Webpack — русскоговорящее сообщество
Vasya Peregarkin
Ну вот я этим и занимаюсь, но постоянно не покидает ощущение что я что то не понимаю, и что можно сделать лучше
делай так чтобы задачу решало, а лучшее враг хорошего ; )
источник

A

Alex CherryTea in Webpack — русскоговорящее сообщество
Whoisyourdaddy
или уходит в бэк
главное не в ноду, а то опять вебпак можно встретить
источник

VP

Vasya Peregarkin in Webpack — русскоговорящее сообщество
Alex CherryTea
главное не в ноду, а то опять вебпак можно встретить
А вот ещё хотел поинтересоваться, стоит ли разделять конфиг на dev и prod, или будет много дублирования и в случае если потребуется что то изменить, то придётся вносить правки в оба файла? Или это не большая проблема?
источник

A

Alex CherryTea in Webpack — русскоговорящее сообщество
Vasya Peregarkin
А вот ещё хотел поинтересоваться, стоит ли разделять конфиг на dev и prod, или будет много дублирования и в случае если потребуется что то изменить, то придётся вносить правки в оба файла? Или это не большая проблема?
если они сильно отличаются можешь сделать три конфига - common prod dev. В деве обьеденяешь common + dev, в проде common + prod.
Чуть не забыл, штука для обьдинения конфигов
https://www.npmjs.com/package/webpack-merge
источник

VP

Vasya Peregarkin in Webpack — русскоговорящее сообщество
Alex CherryTea
если они сильно отличаются можешь сделать три конфига - common prod dev. В деве обьеденяешь common + dev, в проде common + prod.
Чуть не забыл, штука для обьдинения конфигов
https://www.npmjs.com/package/webpack-merge
Спасибо, посмотрю
источник
2020 May 09

s

southyyy in Webpack — русскоговорящее сообщество
Реюят, привет, такой вопрос, у меня свой скрипт запуска для npm run,  я его через ноду запускаю. Хочу писать его на ES6 синтаксисе.

Такой код не работает.

"scripts": {
   "start": "cross-env-shell NODE_ENV=development node
--require @babel/register \"./scripts/webpack/start.js\"",
   "build": "cross-env-shell NODE_ENV=production node --require @babel/register \"./scripts/webpack/build.js\"",
   "serve": "serve \"./dist\" -s"
 }
@babel/register \"./scripts/webpack/start.js\"",
   "build": "cross-env-shell NODE_ENV=production node --require @babel/register \"./scripts/webpack/build.js\"",
   "serve": "serve \"./dist\" -s"
 }
источник

RU

Roman Usherenko in Webpack — русскоговорящее сообщество
southyyy
Реюят, привет, такой вопрос, у меня свой скрипт запуска для npm run,  я его через ноду запускаю. Хочу писать его на ES6 синтаксисе.

Такой код не работает.

"scripts": {
   "start": "cross-env-shell NODE_ENV=development node
--require @babel/register \"./scripts/webpack/start.js\"",
   "build": "cross-env-shell NODE_ENV=production node --require @babel/register \"./scripts/webpack/build.js\"",
   "serve": "serve \"./dist\" -s"
 }
@babel/register \"./scripts/webpack/start.js\"",
   "build": "cross-env-shell NODE_ENV=production node --require @babel/register \"./scripts/webpack/build.js\"",
   "serve": "serve \"./dist\" -s"
 }
что конкретно не работает и как?
источник

s

southyyy in Webpack — русскоговорящее сообщество
в файле я импортирую допустим вебкпак:
import webpack from 'webpack'
import chalk from 'chalk'
import devServer from 'webpack-dev-server'
import hot from 'webpack-hot-middleware'
import openBrowser from 'react-dev-utils/openBrowser'

компилятор выкидывает ошибку
источник

s

southyyy in Webpack — русскоговорящее сообщество
что не понимает таких конструкций, хотя я явно указал в строке —require @babel/register
источник

A

Alex CherryTea in Webpack — русскоговорящее сообщество
southyyy
что не понимает таких конструкций, хотя я явно указал в строке —require @babel/register
Кажется вам нужен https://www.npmjs.com/package/esm
источник

7

7384114837 in Webpack — русскоговорящее сообщество
Ребят, можно сделать на вебпаке сборку сервера, которая проверяет файлы ts и отслежвает ошибки при изменении и чтобы это работало как нодемон?
Если да, то что для этого нужно?
источник

7

7384114837 in Webpack — русскоговорящее сообщество
как в nest js
источник

DP

Dmitriy Pikulin in Webpack — русскоговорящее сообщество
7384114837
Ребят, можно сделать на вебпаке сборку сервера, которая проверяет файлы ts и отслежвает ошибки при изменении и чтобы это работало как нодемон?
Если да, то что для этого нужно?
делал что-то подобное, здесь можно глянуть https://github.com/aspirisen/simple-market/blob/master/webpack.server.config.ts
источник

7

7384114837 in Webpack — русскоговорящее сообщество
спасибо
источник
2020 May 10

NK

ID:1161306474 in Webpack — русскоговорящее сообщество
источник

꧁岡

꧁倫太郎 岡部꧂... in Webpack — русскоговорящее сообщество
источник

MM

Maybe Max in Webpack — русскоговорящее сообщество
Ребят, какими обычно пользуетесь темплейтами с базовыми конфигурациями вебпака при создании нового проекта?  А то я тут собрал базовый конфиг https://github.com/dragoonzx/webpack-basic-template. Может найдутся советы, что стоит добавить/точно не стоит добавлять
источник

AD

Aleksandr Dorofeev in Webpack — русскоговорящее сообщество
Maybe Max
Ребят, какими обычно пользуетесь темплейтами с базовыми конфигурациями вебпака при создании нового проекта?  А то я тут собрал базовый конфиг https://github.com/dragoonzx/webpack-basic-template. Может найдутся советы, что стоит добавить/точно не стоит добавлять
Почитайте про разделение на chunks бандла для продакшн и ещё посмотрите про terser-webpack-plugin для оптимизации кода тоже для продакшена
источник