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

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

974 members

Архив канала @webpack_ru 5 июня 2017 г.

11:46:23 ДП
User 282857241
Ребят, второй день мучаюсь, на вас вся надежда)

1) 2.6.1
2) dev-server, https://github.com/vuejs-templates/webpack
3) "This dependency was not found, To install it, you can run: npm install —save", https://gist.github.com/emil14/e7a46537691e04ce4bdb3eff2da848a0
4) npm i, npm run dev

Переношу проект с RequireJS на Webpack 2, написал альясы для всех библиотек, сами по себе они работают (например require('bootstrap')), но когда я пытаюсь описать зависимости в rules, Webpack перестаёт их видеть.
github.com/vuejs-templates/webpack
A full-featured Webpack + vue-loader setup with hot reload, linting, testing & css extraction. - vuejs-templates/webpack
11:56:29 ДП
User 55423102
зачем imports для jquery, не проще ли ProvidePluign использовать
11:57:16 ДП
User 55423102
var alias = {
  jquery: jquery: 'scripts/jquery.min',
11:57:26 ДП
User 55423102
alias: {
   jquery: 'jquery/src/jquery'
  }
11:57:53 ДП
User 282857241
User 55423102
alias: {
   jquery: 'jquery/src/jquery'
  }
спасибо, с этим я потом разберусь, сначала надо чтоб просто завелось
11:58:07 ДП
User 55423102
ну у тебя дважды jquery: jquery: сейчас
11:58:45 ДП
User 282857241
это опечатка в гисте, поправил
11:59:23 ДП
User 282857241
User 55423102
зачем imports для jquery, не проще ли ProvidePluign использовать
как описать зависимости в ProvidePlugin? как сказать "загружай бутстрап после джиквери" ?
12:00:08 ПП
User 55423102
Просто подключать bootstrap, он сам знает зависимости и вебпак их начнет подключать раньше
12:00:32 ПП
User 55423102
ну с плагином наверное проще, там заранее подтянет
12:02:02 ПП
User 282857241
"Он" в смысле, плагин?
12:02:17 ПП
User 282857241
интересно, откуда
12:02:19 ПП
User 55423102
ProvidePlugin
12:04:44 ПП
User 282857241
я не понимаю, как это может помочь. всё, что делает ProvidePlugin — осуществляет импорт в тот модуль, в котором была использована описанная в конфиге переменная
12:04:48 ПП
User 282857241
щас попробую, конечно
12:05:13 ПП
User 55423102
он во все импортит
12:05:30 ПП
User 55423102
new webpack.ProvidePlugin({
  $: 'jquery',
  jQuery: 'jquery'
})
12:05:45 ПП
User 32530886
externals посмотрите в конфигурации
12:08:30 ПП
User 55423102
externals это именно если либу с CDN грузить хотим?
12:10:04 ПП
User 32530886
User 55423102
externals это именно если либу с CDN грузить хотим?
лол
это если ты импортишь $$$$$$ а получить хочешь другой путь или что ещё
читай доку
12:10:11 ПП
User 32530886
webpack.js.org/configuration
12:11:26 ПП
User 55423102
ну а ProvidePlugin + resolve.alias на другой путь разве не тоже самое сделают?
12:11:42 ПП
User 32530886
а смысл?
12:11:50 ПП
User 32530886
если есть стандартное поле в конфигурации
12:12:06 ПП
User 32530886
причем одно поле, против алиас + плагин
12:17:24 ПП
User 282857241
User 55423102
Просто подключать bootstrap, он сам знает зависимости и вебпак их начнет подключать раньше
new webpack.ProvidePlugin({
      $: "jquery",
      jQuery: "jquery",
      providePluginTest: "bootstrap"
    })

—-
выводит пустой объект, не подскажете, почему?
console.log(providePluginTest)
12:22:22 ПП
User 282857241
такое чувство, что именно потому, что у него есть неразрешённая зависимость, ибо другие либы, без зависимостей, например socket.io, таким образом логгируются. но это не точно
12:28:50 ПП
User 55423102
А бутстрап ничего же не экспортирует
04:22:49 ПП
User 244401056
Добрый вечер, подскажите пожалуйста. Использую vue.js 2 vue-loader. Картинка упорно не находится в темлейте через инлайновый стиль background, хотя через тег img вставляй - не хочу по тому-же пути..
04:23:11 ПП
User 244401056
В чем может быть дело?
04:24:03 ПП
User 282857241
она и не должна
04:25:46 ПП
User 244401056
User 282857241
она и не должна
А как сделать чтобы была должна?
04:27:36 ПП
User 282857241
загрузи её с require(''), сохрани в data и выводи в :src, либо нужно ковырять конфиг шаблона
04:27:44 ПП
User 282857241
что конкретно там нужно править я щас не скажу, некогда, увы
04:28:54 ПП
User 282857241
data () return {  image: require('./path/to/image.png') }

...

<div :style='{"backgroundImage": image}'></div>
04:33:13 ПП
User 282857241
User 282857241
загрузи её с require(''), сохрани в data и выводи в :src, либо нужно ковырять конфиг шаблона
и это не костыль, а представление, управляемое моделью, т.е такой подход вполне логичен
04:36:07 ПП
User 244401056
User 282857241
и это не костыль, а представление, управляемое моделью, т.е такой подход вполне логичен
Боьшое спасибо! Я уже не знал что делать, думал баг
04:37:05 ПП