c
Size: a a a
2020 December 12
c
Как добиться того, чтобы генерировалось три бандла для стилей и скриптов - index, test, common ?
V
Всем привет! Использую postсss в проекте, ну и подключаю autoprefixer и cssnano, autoprefixer не заводится(
Собственно правило в webpack.config.js :
{
test: /\.css$/,
exclude: /(node_modules|bower_components)/,
use: [
MiniCssExtractPlugin.loader,
{
loader: "css-loader",
},
{
loader: "postcss-loader",
},
]
}
Собственно правило в webpack.config.js :
{
test: /\.css$/,
exclude: /(node_modules|bower_components)/,
use: [
MiniCssExtractPlugin.loader,
{
loader: "css-loader",
},
{
loader: "postcss-loader",
},
]
}
Вопрос снимается, затупил с созданием в package.json опции browserList
c
Еще я был бы благодарен, если мне дали фидбэк по поводу того, как у меня разрешаются пути к картинкам и шрифтам из CSS файлов. Да, все резолвится нормально, и в dev и build режиме, но мне кажется, что это как-то костыльно использовать опцию resolve: {alias : } для этих целей.
A
Еще я был бы благодарен, если мне дали фидбэк по поводу того, как у меня разрешаются пути к картинкам и шрифтам из CSS файлов. Да, все резолвится нормально, и в dev и build режиме, но мне кажется, что это как-то костыльно использовать опцию resolve: {alias : } для этих целей.
Алиасы для этого использовать нормально.
UC
Denis Barvitskiy
Вам нужен файл лоадер, передавайте ему нужные файлы, в use объявляете функцию, аргументом которого будет контекст, содержащий всю информацию об этом файле, в том числе путь к нему, зная его путь, можно задать путь к json файлу. В этой функции делаете все нужные вам манипуляции, собираете массив готовых страниц и передаёте его в htmlwebpackpluging.
Может я не совсем чего-то понимаю, file-loader нужен для переноса файлов в dist, а мне требуется handlebars в данном случае исключительно как шаблонизатор для сборки верстки, т.е. в итоговой сборке проекта файлы handlebars уже будут не нужны, необходимо только для сборки верстки использовать компонентный подход, т.е. для каждого БЭМ блока к примеру использовать папку, в которой будет свой handlebars шаблон, scss файл, js файл и data.json файл с данными для компонента
c
Может я не совсем чего-то понимаю, file-loader нужен для переноса файлов в dist, а мне требуется handlebars в данном случае исключительно как шаблонизатор для сборки верстки, т.е. в итоговой сборке проекта файлы handlebars уже будут не нужны, необходимо только для сборки верстки использовать компонентный подход, т.е. для каждого БЭМ блока к примеру использовать папку, в которой будет свой handlebars шаблон, scss файл, js файл и data.json файл с данными для компонента
Глянь на вот эту сборку, возможно поможет разобраться https://github.com/dennib/Bakery
UC
Глянь на вот эту сборку, возможно поможет разобраться https://github.com/dennib/Bakery
Ок, спасибо, сейчас поизучаю!
DB
Может я не совсем чего-то понимаю, file-loader нужен для переноса файлов в dist, а мне требуется handlebars в данном случае исключительно как шаблонизатор для сборки верстки, т.е. в итоговой сборке проекта файлы handlebars уже будут не нужны, необходимо только для сборки верстки использовать компонентный подход, т.е. для каждого БЭМ блока к примеру использовать папку, в которой будет свой handlebars шаблон, scss файл, js файл и data.json файл с данными для компонента
Речь шла про raw-loader
UC
Denis Barvitskiy
Речь шла про raw-loader
Т.е. я правильно изначально сформулировал вопрос и совет актуален для моей задачи, если мне требуется для каждого компонента передавать каким-то образом в handlebars json файл с данными исключительно для сборки верстки ? Хотелось бы какое-то минималистичное решение, устроит как настройка в файле конфига - так и передача непосредственно в самих шаблонах/js файлах компонентов, даже наверное удобнее было бы передавать data.json файл каждый раз вручную, для более гибкой настройки сборки. Т.е. реализовать передачу вместо одного title="Hi!" - весь data файл как-то возможно ?
UC
Denis Barvitskiy
Речь шла про raw-loader
UC
Denis Barvitskiy
Речь шла про raw-loader
UC
Denis Barvitskiy
Речь шла про raw-loader
UC
Т.е. в pug я бы передавал data файл прямо в pug файле, а там уже к нему обращался бы, к примеру таким образом:
UC
Может кто подскажет, как такое оптимальным способом реализовать в handlebars ?
DB
Т.е. я правильно изначально сформулировал вопрос и совет актуален для моей задачи, если мне требуется для каждого компонента передавать каким-то образом в handlebars json файл с данными исключительно для сборки верстки ? Хотелось бы какое-то минималистичное решение, устроит как настройка в файле конфига - так и передача непосредственно в самих шаблонах/js файлах компонентов, даже наверное удобнее было бы передавать data.json файл каждый раз вручную, для более гибкой настройки сборки. Т.е. реализовать передачу вместо одного title="Hi!" - весь data файл как-то возможно ?
Вы сейчас пытаетесь изобрести шаблонизатор) как я уже писал, читайте файл, читайте json, и делайте с темплейтом что заходите
UC
Denis Barvitskiy
Вы сейчас пытаетесь изобрести шаблонизатор) как я уже писал, читайте файл, читайте json, и делайте с темплейтом что заходите
Немного не могу понять, совсем слабые познания в webpack, в процессе изучения, возможно формулирую что-то не корректно ) Т.е. с handlebars не получится реализовать примерно такой же вариант как с pug на скриншоте ? Т.е. в шаблон каждого компонента вручную подтягивать его data.json файл и по нему проходиться ?
DB
Немного не могу понять, совсем слабые познания в webpack, в процессе изучения, возможно формулирую что-то не корректно ) Т.е. с handlebars не получится реализовать примерно такой же вариант как с pug на скриншоте ? Т.е. в шаблон каждого компонента вручную подтягивать его data.json файл и по нему проходиться ?
На столько тонко не получиться, для этого и существуют шаблонизаторы.
DB
Немного не могу понять, совсем слабые познания в webpack, в процессе изучения, возможно формулирую что-то не корректно ) Т.е. с handlebars не получится реализовать примерно такой же вариант как с pug на скриншоте ? Т.е. в шаблон каждого компонента вручную подтягивать его data.json файл и по нему проходиться ?
Верно