О
поставил плагин отдельно для этого
Size: a a a
2020 December 12
О
У меня с defineplugin тоже были проблемы с undefined, но не помню, решил ли я их или нет.
BE
все порешал
BE
в плагины нужно было добавить
UC
Всем привет!
Подскажите, можно ли как-нибудь отделить представление от данных в webpack 5 + handlebars ? Т.е. у меня такая структура, что в каждом компоненте свои: .hbs файл + .scss файл + data.json файл с данными. Можно ли как-нибудь обратиться к этому data.json файлу из файла .hbs, чтобы пройтись по нему циклом/вывести значения по ключу ? Если такое возможно - то как настроить такую сборку ?
Подскажите, можно ли как-нибудь отделить представление от данных в webpack 5 + handlebars ? Т.е. у меня такая структура, что в каждом компоненте свои: .hbs файл + .scss файл + data.json файл с данными. Можно ли как-нибудь обратиться к этому data.json файлу из файла .hbs, чтобы пройтись по нему циклом/вывести значения по ключу ? Если такое возможно - то как настроить такую сборку ?
a
а в webpack как-то молно удобно грузить изображения из разметки html во время разработки?
UC
На данный момент я понял как передавать в templateParameters json файл, но можно ли как-нибудь автоматом подключать в каждый компонент json файл с данными из его директории или подключать в hbs файлах данные вручную в подобном формате: {{> ../../components/head/head data/data.json }} ?
DB
На данный момент я понял как передавать в templateParameters json файл, но можно ли как-нибудь автоматом подключать в каждый компонент json файл с данными из его директории или подключать в hbs файлах данные вручную в подобном формате: {{> ../../components/head/head data/data.json }} ?
Вам нужен файл лоадер, передавайте ему нужные файлы, в use объявляете функцию, аргументом которого будет контекст, содержащий всю информацию об этом файле, в том числе путь к нему, зная его путь, можно задать путь к json файлу. В этой функции делаете все нужные вам манипуляции, собираете массив готовых страниц и передаёте его в htmlwebpackpluging.
А
Подскажите пожалуйста, как можно поинформативней вывести ошибку ?
A
KS
поищи frendly-error на npm.
https://www.npmjs.com/package/friendly-errors-webpack-plugin
https://www.npmjs.com/package/friendly-errors-webpack-plugin
A
У вебпака есть настройка подробностей логов
А
Спасибо
A
A
+ ещё вроде есть verbose флаг
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",
},
]
}
V
И postcss.config.js
module.exports = {
plugins: [
require('autoprefixer'),
require('cssnano')
]
}
module.exports = {
plugins: [
require('autoprefixer'),
require('cssnano')
]
}
V
cssnano при этом работает
V
Может кто сталкивался с такой проблемой?
c
В чем может быть причина того, что JS бандлы для соответствующих точек входа генерируются нормально (index.js, test.js, common.js), но для CSS генерируется один общий бандл (common.css), куда входят и общие стили и стили, специфичные для каждой точки входа. Вследствие этого, у меня одни стили перебивают другие. Получается каша. Это происходит в том случае, когда я указываю следующие настройки:
optimization: {
splitChunks: {
chunks: 'all',
cacheGroups: {
commons: {
name: 'common',
chunks: 'initial',
minChunks: 1,
},
},
},
},