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

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

974 members

Архив канала @webpack_ru 17 апреля 2018 г.

08:15:03 ДП
User 291325765
Всем добра!
08:15:08 ДП
User 291325765
Есть кто живой ?
08:16:13 ДП
User 291325765
подскажите такой вопрос почемуто file-loader стал в css вместо указаного images пути прописывать testimages, как это побороть ?
08:16:21 ДП
08:16:30 ДП
User 291325765
откуда берется слово test ?
08:18:32 ДП
User 212795634
User 291325765
в publicPath что?
08:19:28 ДП
User 291325765
пилять 🙂 Пасибо я вкурил что там эта дич:)
11:31:09 ДП
User 398538289
Как в вебпаке проверить какой модуль отработал?)
11:33:40 ДП
User 122087672
User 398538289
Как в вебпаке проверить какой модуль отработал?)
console.log
11:35:39 ДП
User 398538289
Не, я просто только изучаю его. И вот поставил себе первым делом babel и мне надо узнать, отработал ли он или нет.
11:42:11 ДП
User 135278254
User 398538289
Не, я просто только изучаю его. И вот поставил себе первым делом babel и мне надо узнать, отработал ли он или нет.
можешь использовать echo-loader
11:42:19 ДП
User 135278254
но он немного не то покажет
11:42:26 ДП
User 122087672
есть debug-loader
11:42:35 ДП
User 122087672
он после каждого лоадера показывает результат
11:43:12 ДП
User 122087672
но вообще просто посмотри в код бандла: там должен быть измененный код
11:43:50 ДП
User 67164223
в babel есть debug
11:43:58 ДП
User 67164223
можешь включить его и смотреть, чо происходит
11:44:17 ДП
User 398538289
Ну это да, я посмотрел и все работает, однако, что если у меня большой проэкт и мне вот надо узнать отработало чет или нет. Спасибо ребят, щас покопаюсь)
11:44:53 ДП
User 122087672
обычно, если что-то не отработает - ты увидишь ошибки =)
11:52:41 ДП
User 67164223
BABEL_ENV=production

только сейчас узнал о такой херне для бабеля
11:52:47 ДП
User 67164223
надо бы лучше доку читать
11:54:48 ДП
User 67164223
https://github.com/tcoopman/image-webpack-loader

кто-нибудь юзает?
github.com/tcoopman/image-webpack-loader
Image loader module for webpack. Contribute to tcoopman/image-webpack-loader development by creating an account on GitHub.
12:28:15 ПП
User 259652278
Товарищи, подскажите, как задать для webpack-dev-server использование webpack.development.config (в котором mode: development)?
12:48:56 ПП
User 136271900
нужна помощь, настроил nginx на test.localhost.com/manage/ а webpack devserver отдает ассеты по /app.js.
12:49:02 ПП
User 136271900
как настроить dev server
12:49:15 ПП
User 136271900
publicPath что то вообще не работает
06:51:47 ПП
User 121729445
Ребят, какие должны быть условия, чтобы заработал HMR в wds?
06:51:57 ПП
User 121729445
благоприятные?
06:52:24 ПП
User 212795634
hot в опциях
06:52:34 ПП
User 212795634
hotmodulereplacement плагин
06:52:37 ПП
User 121729445
сделал, не перезагружает
06:52:38 ПП
06:52:41 ПП
User 212795634
И react hot loader
06:52:57 ПП
User 121729445
А если просто страницу перезагружать?
06:53:28 ПП
User 121729445
Чет я читаю, написано, что просто достаточно передать —hot и все заработает
06:56:19 ПП
User 121729445
User 212795634
И react hot loader
+ он хранит скомпиленные данные в памяти. Как сделать так, чтобы файл, где подключается скрипт видел его?
06:58:26 ПП
User 212795634
Заюзать мидлвары и генерить файл на лету
06:59:29 ПП
User 212795634
Webpack-dev-middleware и webpack-hot-middleware имеется ввиду
06:59:37 ПП
User 212795634
Хот лоадер тоже нужен вроде
07:02:01 ПП
User 121729445
блин, я посмотрел видос и там чувак вообще кроме wds ничего не юзает и у него работает перезагрузка
07:02:09 ПП
User 121729445
Cenator https://youtu.be/y8zQk-pybzY
youtube.com/watch?v=y8zQk-pybzY
Webpack 2 — один из самых мощных и гибких инструментов для frontend-сборки. В чем его преимущества, какие проблемы он решает и как с ним работать — в практич...
07:02:33 ПП
07:02:37 ПП
User 212795634
Это какой год то
07:02:50 ПП
User 212795634
Ну вообще с htmlwebpack plugin тоже будет работать
07:02:52 ПП
07:03:24 ПП
User 212795634
Да и настроить можно почти без мата
07:05:53 ПП
User 121729445
User 212795634
Ну вообще с htmlwebpack plugin тоже будет работать
ща попробуем
07:07:33 ПП
User 4052277
Добрый день
помогите, пожалуйста, разобраться с подключением css
Дано: 
  "devDependencies": {
    "autoprefixer": "^7.1.2",
    "babel-core": "^6.22.1",
    "babel-eslint": "^8.2.3",
    "babel-helper-vue-jsx-merge-props": "^2.0.3",
    "babel-loader": "^7.1.1",
    "babel-plugin-syntax-jsx": "^6.18.0",
    "babel-plugin-transform-runtime": "^6.22.0",
    "babel-plugin-transform-vue-jsx": "^3.5.0",
    "babel-preset-env": "^1.3.2",
    "babel-preset-stage-2": "^6.22.0",
    "chalk": "^2.0.1",
    "copy-webpack-plugin": "^4.0.1",
    "css-loader": "^0.28.11",
    "eslint": "^4.15.0",
    "eslint-config-airbnb-base": "^11.3.0",
    "eslint-friendly-formatter": "^3.0.0",
    "eslint-import-resolver-webpack": "^0.8.3",
    "eslint-loader": "^1.7.1",
    "eslint-plugin-import": "^2.11.0",
    "eslint-plugin-vue": "^4.0.0",
    "extract-text-webpack-plugin": "^3.0.0",
    "file-loader": "^1.1.4",
    "friendly-errors-webpack-plugin": "^1.6.1",
    "html-webpack-plugin": "^2.30.1",
    "node-notifier": "^5.1.2",
    "optimize-css-assets-webpack-plugin": "^3.2.0",
    "ora": "^1.2.0",
    "portfinder": "^1.0.13",
    "postcss-import": "^11.0.0",
    "postcss-loader": "^2.0.8",
    "postcss-url": "^7.2.1",
    "rimraf": "^2.6.0",
    "semver": "^5.3.0",
    "shelljs": "^0.7.6",
    "style-loader": "^0.20.3",
    "uglifyjs-webpack-plugin": "^1.1.1",
    "url-loader": "^0.5.8",
    "webpack": "^3.6.0",
    "webpack-bundle-analyzer": "^2.9.0",
    "webpack-dev-server": "^2.9.1",
    "webpack-merge": "^4.1.0"

в index.html подключен <link rel="stylesheet" type="text/css" href="src/style.css">

в файле webpack.base.conf.js
      {
        test: /\.css$/,
        use: [ 'style-loader', 'css-loader' ]
      }

при dev сборке стиле не подключаются

что я делаю не так? я нуб(

спасибо
07:08:04 ПП
User 212795634
Подключить в index.js
07:08:29 ПП
User 4052277
import css from 'style.css';
07:08:31 ПП
User 4052277
вот так?
07:08:58 ПП
User 212795634
import 'styel.css'
07:12:07 ПП
User 4052277
получаю This dependency was not found:

* style.css in ./src/script.js

To install it, you can run: npm install —save style.css
07:17:01 ПП
User 1191210
User 4052277
получаю This dependency was not found:

* style.css in ./src/script.js

To install it, you can run: npm install —save style.css
import “./styles.css”
07:20:22 ПП
User 4052277
все равно такая же ошибка
07:21:10 ПП
User 212795634
User 4052277
все равно такая же ошибка
Покажи код
07:21:31 ПП
User 4052277
/* eslint-disable */

import './style.css';

var grid = new Muuri('.grid', {
    dragEnabled: true,
    layout: {
        fillGaps: false,
        horizontal: false,
        alignRight: false,
        alignBottom: false,
        rounding: true
    },
    layoutOnResize: true,
    dragSortPredicate: {
        action: 'swap'
    }
});
07:21:40 ПП
User 4052277
script.js
07:21:52 ПП
User 4052277
файл стиля лежит рядом с ним
07:21:57 ПП
User 212795634
А какой веб пак?
07:22:03 ПП
User 212795634
Странно это все
07:22:08 ПП
User 4052277
"webpack": "^3.6.0",
07:22:29 ПП
User 212795634
По моему стайл лоадер должен быть после цсс
07:24:18 ПП
User 4052277
в конфиге? поменял
 test: /\.css$/,
        use: [ 'css-loader', 'style-loader' ]
ничего не меняется
07:26:16 ПП
User 212795634
Хм, у меня такого нет
07:34:41 ПП
User 67164223
User 212795634
И react hot loader
без него тоже работает
07:37:32 ПП
User 121729445
User 212795634
Ну вообще с htmlwebpack plugin тоже будет работать
Добавил, настроил template и теперь перезагружает при сборке. Спасибо)
07:38:02 ПП
User 4052277
я переделывал конфиг вебпака из вот этого https://github.com/vuejs/vue-cli

это может как-то влиять?
например в файле utils.js есть следующее

https://gist.github.com/iwannafly0/bd8ba2fbc9306f6609699debbaf26fd3
github.com/vuejs/vue-cli
🛠️ Standard Tooling for Vue.js Development. Contribute to vuejs/vue-cli development by creating an account on GitHub.
07:38:32 ПП
User 67164223
User 4052277
я переделывал конфиг вебпака из вот этого https://github.com/vuejs/vue-cli

это может как-то влиять?
например в файле utils.js есть следующее

https://gist.github.com/iwannafly0/bd8ba2fbc9306f6609699debbaf26fd3
github.com/vuejs/vue-cli
🛠️ Standard Tooling for Vue.js Development. Contribute to vuejs/vue-cli development by creating an account on GitHub.
3️⃣ Текст ошибки и конфиг webpack/babel (размещать на https://gist.github.com, в чат присылать ссылку)
gist.github.com/discover
GitHub Gist: instantly share code, notes, and snippets.
08:49:43 ПП
User 4052277
не знаю можно ли считать это прогрессом но теперь текст ошибки такой
https://gist.github.com/iwannafly0/79f46ff34a563df3ba3c2f6ef17df6b0

конфиг
https://gist.github.com/iwannafly0/f37cb3fbf4c0aca69d7d314a5eef1ead
gist.github.com/iwannafly0/79f46ff34a563df3ba3c2f6ef17df6b0
GitHub is where people build software. More than 27 million people use GitHub to discover, fork, and contribute to over 80 million projects.
09:40:34 ПП
User 4052277
снимаю вопрос