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

Обсуждения webpack, лоадеров, плагинов и сборок Правила: http://bit.ly/our_etiquette См. также: @rollup_ru, @react_js, @vscode_ru, @macos_ru, @js_ru

974 members

Архив канала @webpack_ru 14 марта 2018 г.

08:19:32 ДП
User 127482995
Коллеги,доброго дня, подскажите какие нибудь полезные инструменты для webpack для верстки имейл рассылок ?
10:19:54 ДП
User 96737287
А при чем тут вебпак?
10:20:16 ДП
User 96737287
https://foundation.zurb.com/emails.html
11:02:20 ДП
User 55943427
ну, вебпак может поинлайнить стили, например.. хотя большинство емейл-систем уже поддерживают отдельную таблицу
11:02:48 ДП
User 1040677
User 55943427
ну, вебпак может поинлайнить стили, например.. хотя большинство емейл-систем уже поддерживают отдельную таблицу
Таблицу стилей?
11:06:25 ДП
User 96737287
User 55943427
ну, вебпак может поинлайнить стили, например.. хотя большинство емейл-систем уже поддерживают отдельную таблицу
вебпак для других задач предназначен
а для верстки писем можно взять подходящий инструмент
11:06:52 ДП
User 55943427
User 96737287
вебпак для других задач предназначен
а для верстки писем можно взять подходящий инструмент
нет, это понятно. Я изобретаю, для чего его применить-то можно вообще
11:07:17 ДП
User 96737287
User 55943427
нет, это понятно. Я изобретаю, для чего его применить-то можно вообще
Его можно применить во всем
Но лучше всего он работает в своей области
11:48:07 ДП
User 142991566
Папку dist как открыть? Или как сделать так, чтоб webpack не скрывал папку где лежит bundle.js и прочие файлы?
11:48:22 ДП
User 212795634
Он и не скрывает
11:49:10 ДП
User 142991566
Почему после запуска я не вижу его ?
11:49:22 ДП
User 142991566
Сам bundle
11:49:48 ДП
User 212795634
Зачем?
11:50:31 ДП
User 142991566
Я хочу потом использовать скомпилированные файлы на стат. Сервере
11:50:41 ДП
User 55943427
потому что, вероятно, у тебя папка в гитигноре, и идешка скрывает игнорные файлы
11:54:49 ДП
User 142991566
В .gitignore только node_modules, у меня терминал и sublime
11:55:36 ДП
User 142991566
Думаю идешка тут не причем
11:56:48 ДП
User 142991566
Скорее всего это настраивается в webpack.config.js вот где я хз
12:06:58 ПП
User 55943427
так а папка есть-то или нет?
12:07:52 ПП
User 212795634
ты дев сервер запускаешь, он только в памяти держит
12:13:51 ПП
User 142991566
User 212795634
ты дев сервер запускаешь, он только в памяти держит
Вообще да, но раньше прям все кидал в папку где указываешь в конфиге
12:14:04 ПП
User 212795634
нет, дев сервер не кладет в папку
12:14:12 ПП
User 142991566
User 55943427
так а папка есть-то или нет?
12:16:39 ПП
User 142991566
User 212795634
нет, дев сервер не кладет в папку
Так я говорю же в версиях раньше вебпак кидал и ты мог видеть, после несколько обновлений его убрали, может это опционально и где то просто настраивается? В этом собственно вопрос, так делать вроде логично..
12:17:01 ПП
User 212795634
нет, не настраивается
12:17:51 ПП
User 142991566
User 212795634
нет, не настраивается
Есть подтверждение этого?
12:18:10 ПП
User 212795634
User 142991566
Есть подтверждение этого?
дока
12:18:27 ПП
User 142991566
Так дай глянуть
12:18:33 ПП
User 142991566
Буду благодарен
12:18:39 ПП
12:18:54 ПП
User 212795634
у меня такие же доки, как и у тебя
12:19:06 ПП
User 142991566
User 212795634
у меня такие же доки, как и у тебя
Только у меня таких нет
12:19:12 ПП
User 142991566
Понятно
12:19:19 ПП
User 212795634
User 142991566
Только у меня таких нет
а если найду?
12:19:32 ПП
User 142991566
Так это я прошу
12:19:35 ПП
User 142991566
Найди
12:21:00 ПП
User 212795634
у себя я нашел, открой доку у себя, там будет
12:24:42 ПП
User 142991566
По моему ты не русский... Ссылку в студию
12:27:19 ПП
User 142991566
User 212795634
нет, не настраивается
Прежде чем такие выводы делать, подумай, не говори что попало
12:27:44 ПП
User 212795634
User 142991566
Прежде чем такие выводы делать, подумай, не говори что попало
ты нашел где настраивается? я нет
12:27:47 ПП
User 212795634
покажешь?
12:28:40 ПП
User 122087672
шо вы спорите? webpack-dev-server не пишет на диск. в этом его фишка
на диск пишет webpack --watch
12:38:40 ПП
User 142991566
User 212795634
ты нашел где настраивается? я нет
Если не нашел, молчи другой скажет, ты  вводишь людей в заблуждение
12:39:20 ПП
12:39:27 ПП
User 142991566
Четенько работает, спасибо!
12:39:28 ПП
User 142991566
User 122087672
шо вы спорите? webpack-dev-server не пишет на диск. в этом его фишка
на диск пишет webpack --watch
12:39:37 ПП
12:39:39 ПП
12:40:13 ПП
User 142991566
User 212795634
Хех)
Не тебе спасибо
12:40:22 ПП
User 212795634
как тут не орать то
12:40:41 ПП
User 212795634
ты дев сервер запускаешь, он только в памяти держит
12:41:00 ПП
User 67164223
https://github.com/webpack/docs/wiki/webpack-dev-server
github.com/webpack/docs/wiki/webpack-dev-server
[OLD] documentation for webpack. Contribute to webpack/docs development by creating an account on GitHub.
12:41:11 ПП
User 67164223
прочитай про contentBase
12:41:15 ПП
User 142991566
User 212795634
ты дев сервер запускаешь, он только в памяти держит
У меня изначально другой вопрос был але
12:41:29 ПП
User 212795634
а подумать нельзя?)
12:41:52 ПП
User 212795634
что раз этот не создает файлы, значит надо использовать другое
12:42:11 ПП
User 212795634
дев сервер и вебпак это вообще разные пакеты
12:42:27 ПП
User 142991566
User 67164223
прочитай про contentBase
Он изначально стоял четко  на своем месте, результата не было
12:43:20 ПП
User 67164223
User 142991566
Он изначально стоял четко  на своем месте, результата не было
скинь конфиг девсервера
12:44:21 ПП
User 142991566
User 212795634
а подумать нельзя?)
Как ты думаешь я понял
12:44:25 ПП
User 142991566
const path = require('path');
process.env.NODE_ENV = 'development';

const HtmlWebPackPlugin = require("html-webpack-plugin");

// process.env.NODE_ENV = production;
config = {
  entry: "./src/js/common.js",
  output: {
    path:  path.join(__dirname, "../dist"),
    filename: "./dist/js/bundle.js",
    chunkFilename: '[name].js'
  },
  devServer: {
    contentBase: path.join(__dirname, "dist"),
    compress: true,
    port: 3000
  },
  module: {
    rules: [
      {   
        test: /\.sass$/,
        use: [{
            loader: "style-loader" // creates style nodes from JS strings
        }, {
            loader: "css-loader" // translates CSS into CommonJS
        }, {
            loader: "sass-loader", // compiles Sass to CSS
            options: {
              includePaths: ["src/style.ssas", "dist/style.css"]
            }
        },
        ]
      },    
      {
        test: /\.html$/,
        use: [
          {
            loader: "html-loader",
            options: { minimize: true }
          }
        ]
      }
    ,
      {
        test: /\.js$/,
        exclude: /node_modules/,
        use: {
          loader: "babel-loader"
        }
      }
      // { test: /\.ts$/, use: "ts-loader" },
      // {
      //   test: /\.js$/,
      //   exclude: /node_modules/,
      //   use: {
      //     loader: "babel-loader"
      //   }
      // }
    ]},
  plugins: [
    new HtmlWebPackPlugin({
      template: "./src/index.html",
      filename: "./index.html"
    }),
  ],
}
console.log('===>', config);

module.exports = config;
12:44:42 ПП
User 67164223
бля, какой пиздец
12:44:44 ПП
User 142991566
Боже что это....
12:45:44 ПП
User 142991566
User 67164223
бля, какой пиздец
Сам попросил
12:46:34 ПП
User 67164223
ты же понимаешь для чего нужен contentbase?
12:47:13 ПП
User 142991566
Из за этого попросил весь конфиг?
12:47:46 ПП
User 67164223
User 142991566
Из за этого попросил весь конфиг?
конечно, мне интересно, кто и как говнокодит в конфиге
12:49:04 ПП
User 67164223
тебе еще нужно туда написать publicPath
12:54:18 ПП
User 142991566
Отлично, спасибо!
01:29:10 ПП
User 67164223
https://habrahabr.ru/post/350886/
habr.com/post/350886
После прочтения ряда статей (например, этой) решил перейти на современный подход с использованием Node.js при написании простых сайтов с подхода «динозавров».
01:52:34 ПП
User 112715267
я не понимаю, что за деятель придумал этот пост
01:52:42 ПП
User 112715267
сайт на вебпаке господи
01:52:55 ПП
User 112715267
и причем здесь 4 версия вообще, тоже не понятно
01:53:04 ПП
User 147771380
User 112715267
и причем здесь 4 версия вообще, тоже не понятно
Хайпануть
01:53:16 ПП
User 67164223
User 112715267
сайт на вебпаке господи
собранный с помощью
01:53:19 ПП
01:53:30 ПП
User 67164223
User 112715267
и че
сейчас вебпак4 пока без доки
01:53:32 ПП
User 67164223
вот чо
01:53:38 ПП
User 67164223
а многим хочется уже его использовать
01:53:40 ПП
User 112715267
и че [2]
01:53:46 ПП
User 112715267
причем тут "статические сайты"?
01:53:46 ПП
User 67164223
User 112715267
и че [2]
через плечо
01:54:03 ПП
User 112715267
я походу понял, кто автор поста 🙊
01:54:13 ПП
01:54:17 ПП
User 112715267
ну ладно
01:54:20 ПП
User 67164223
у меня даже акка нет на гитхабе
01:54:21 ПП
01:54:22 ПП
User 67164223
хабре
01:54:23 ПП
User 355846509
Да понтануться ёпта
01:54:38 ПП
User 355846509
на хайпе
01:55:00 ПП
User 355846509
есть ещё вон упоминания реакта и даже вью
02:32:34 ПП
User 122087672
тоже вчера прочел эту статью и подумал "и чо?"
02:33:29 ПП
User 122087672
я кстать таки перевел вчера проект на 4 вебпак для теста... ну и тот же вопрос "и чо?" сборка на 1 секунду быстрее =)
02:37:39 ПП
User 355846509
User 122087672
я кстать таки перевел вчера проект на 4 вебпак для теста... ну и тот же вопрос "и чо?" сборка на 1 секунду быстрее =)
меня брльше прикололо, что вышел такой вп 4.0.0, прошла неделя примерно, и на тебе -- уже 4.1.1
02:38:04 ПП
User 122087672
так это ожидаемо
02:38:11 ПП
03:24:34 ПП
User 119754639
Ребят, а что url-loader не умеет с внешних ресурсов шрифты грузить?
03:39:22 ПП
User 32530886
а с чего он должен?
04:24:54 ПП
User 292848511
то чувство, когда открываешь файл на 400 строк и думаешь, это бандл или чё?
04:25:18 ПП
User 292848511
и это не бандл
04:25:20 ПП
04:25:25 ПП
User 32530886
я тут видел файлы по 2К строк
04:25:32 ПП
User 32530886
и таких файлов 120-130
04:37:44 ПП
User 39182759
у меня тут на 5к
04:37:48 ПП
04:37:51 ПП
User 39182759
и он НЕ ОДИН
04:39:30 ПП
User 112715267
Это пиздец, но у нас тоже такое есть, к сожалению
04:52:34 ПП
User 115191768
желч )) я тут наткунлся на работе на файл в 3к строк так рефакторил 2 дня сжал до 1200
04:53:36 ПП
User 291325765
User 142991566
Почему после запуска я не вижу его ?
Потому что они виртуальные и хранятся в памяти для быстроты работы
04:58:39 ПП
User 291325765
User 115191768
желч )) я тут наткунлся на работе на файл в 3к строк так рефакторил 2 дня сжал до 1200
Пробелы удалил и переносы строк ?
04:59:01 ПП
05:30:44 ПП
User 67164223
Я пока не видел больше 500
05:31:00 ПП
User 67164223
Мне интересно, что может быть в таких файлах
05:32:11 ПП
User 409185976
User 67164223
Мне интересно, что может быть в таких файлах
Однострочный лендинг который после 10-ой правки ТЗ от заказчика стал интернет магазином ))
05:33:06 ПП
05:53:11 ПП
User 291325765
User 67164223
Мне интересно, что может быть в таких файлах
1 файл 1 сайт ;) все просто я рефакторил файлик на 27000 строк ;;)
05:53:55 ПП
User 224473640
User 67164223
Мне интересно, что может быть в таких файлах
Файл helper.js и туда сливают всё что не знают куда писать
05:59:25 ПП
User 426516192
User 291325765
1 файл 1 сайт ;) все просто я рефакторил файлик на 27000 строк ;;)
Это наверное какой-то Авито или если все в один файл пихать всё-всё-всё.
06:00:02 ПП
User 426516192
Там например хтмл, жс, цсс
06:00:06 ПП
User 426516192
Все в один файл
06:00:07 ПП
User 291325765
Там был аналог exist написанный на друпале аутсорсерами
06:00:26 ПП
User 426516192
И скок дали за работу?
06:00:56 ПП
User 291325765
Ну проектная работа на полгода была, но мы не стали рефакторить просто сделали с нуля
06:01:11 ПП
User 426516192
Воу, круто
06:02:36 ПП
User 212795634
User 224473640
Файл helper.js и туда сливают всё что не знают куда писать
Создавать репу и делать npm install
06:29:19 ПП
User 285341430
привет Уважаемые. Подскажите пожалуйта.  Какой веб-пак скачать.  Раньше верстал по старинке - В sublime text3 и использовал Sass и Prepros для компиляции в Css.  А сейчас нужно сверстать под интернет магазин макеты. Для этого стоит с Вебпаком заморачиваться или он для других более серьезных дел?
06:33:24 ПП
User 212795634
User 285341430
привет Уважаемые. Подскажите пожалуйта.  Какой веб-пак скачать.  Раньше верстал по старинке - В sublime text3 и использовал Sass и Prepros для компиляции в Css.  А сейчас нужно сверстать под интернет магазин макеты. Для этого стоит с Вебпаком заморачиваться или он для других более серьезных дел?
Вебпак один
06:33:38 ПП
User 212795634
Его и ставь
06:34:04 ПП
User 285341430
User 212795634
Его и ставь
Спасибо!
06:34:05 ПП
User 426516192
А версию?)
06:34:21 ПП
User 212795634
Актуальную
06:34:36 ПП
User 426516192
Да ты жоский
07:31:35 ПП
User 291325765
User 285341430
привет Уважаемые. Подскажите пожалуйта.  Какой веб-пак скачать.  Раньше верстал по старинке - В sublime text3 и использовал Sass и Prepros для компиляции в Css.  А сейчас нужно сверстать под интернет магазин макеты. Для этого стоит с Вебпаком заморачиваться или он для других более серьезных дел?
нет не стоит юзай gulp
07:32:33 ПП
User 212795634
User 291325765
нет не стоит юзай gulp
назад в 2010?
07:32:37 ПП
User 212795634
зачем?
07:32:47 ПП
User 212795634
на баше в 10 символов можно написать весь галп
07:33:00 ПП
User 291325765
зачем ради css юзать вебпак ?
07:33:33 ПП
User 212795634
галп не умеет складывать в модули
07:33:37 ПП
User 212795634
он только конкатенирует
07:35:18 ПП
User 55943427
Зачем ради цсс вообще юзать сборщик? Компас поставить, и 1 команду написать. Или вообще иде юзать
07:36:03 ПП
User 291325765
User 212795634
галп не умеет складывать в модули
кто такое сказал ?
07:36:40 ПП
User 291325765
User 55943427
Зачем ради цсс вообще юзать сборщик? Компас поставить, и 1 команду написать. Или вообще иде юзать
Правильный ответ! Мое мнение но вебпак херово работает с html и все что связано с версткой :)