@herStarik https://github.com/probablyup/link-media-html-webpack-plugin

удачи в раскопках

Спасибо :)

Народ, всем привет! Помогите разобраться, как лучше сделать.
Есть проект, в нем три однотипных сайта (на 70-80% совпадает дизайн, отличаются некоторые блоки и цвета).

Все common компоненты вынесены в свою папку.
В вебпаке сделал алиас

resolve: {
   alias: {
      '@': path.resolve(__dirname, '../common/assets')
   }
}

im

port '@/scss/common.scss'
import './scss/main.scss'

В main.scss лежат переменные, в компонентах они фигурируют, например
.but

ton—primary { background-color: $main-theme-color; }

ве

бпак ругается на undefined variable, поменял местами порядок импортов, все равно ругается.

Есть одна отчаянная идея, все стили, не связанные с цветами, хранить в common, в уже в стилях конкретного сайта “дописывать” scss стилями с переменными, но мне кажется это дичь. Какие еще есть варианты?

resolve: {
   alias: {
      '@': path.resolve(__dirname, '../common/assets')
   }
}

port '@/scss/common.scss'
import './scss/main.scss'

ton—primary { background-color: $main-theme-color; }

ве

тебе надо сделать один scss, в кттором написать

@import '~@/scss/common'
@import 'scss/main'

как-то так

переменные должны быть в пределах одного scss файла. а так как ты сделал - будет два файла, один с переменными, другой с использованием

Понял, спасибо!

Господа всем привет

нужен хелп голову сломал уже

в файле vue в стилях у меня прописаны изображения

как при билде путь к ним поменять?

'file-loader' меняет пути у всего, но почему то не затрагивает стили в vue файлах

а ты изображения импортируешь?

в стилях я подключаю их по обычному

<style scoped lang="stylus">
.class
   background url('/images/arrow.svg') no-repeat center/27px
</style>

или так не правильно?

чую, что нет. тут тогда надо либо webpack-copy-plugin юзать, либо импорт прописывать в jsx (или что там vue юзает) файле.

url лоадер нужен тут а не file

<style scoped lang="stylus">
.class
   background url('/images/arrow.svg') no-repeat center/27px
</style>

вобще это всю жизнь в vue из коробки работало

решил своё собрать и уже двести раз пожалел

не нужен. зачем ему картинки в теле билда?