Как работает hashPrefix в параметрах css-loader?
Следил за примерами на css-загрузчике hashPrefix.
Настройка конфигурации веб-пакета
{
test: /\.css$/,
exclude: path.resolve(__dirname, 'node_modules'),
use: [
{
loader: 'style-loader',
},
{
loader: 'css-loader',
options: {
modules: true,
hashPrefix: 'hash',
}
}
]
}
и выходные ключи css
big: "app__big--iUuZi"
env: "app__env--3ylTw"
header: "app__header--3w1O7"
Я ожидал что-то вроде
big: "hash_app__big--iUuZi"
env: "hash_app__env--3ylTw"
header: "hash_app__header--3w1O7"
Кто-нибудь может прояснить hashPrefix?
Ответы 2
hashPrefix для добавления префикса (например, соли) для создания более уникального хэша, такого как
найдено здесь: https://cmty.app/nuxt/nuxt.js/issues/c9566
От: Ответ Кларкдо здесь: https://cmty.app/nuxt/nuxt.js/issues/c9566
By default,
css-loadergenerates hash from the webpack request like:
genHash('components/G-TheThemeSwitcher.vue+TheThemeSwitcher__switch'),
hashPrefixis for adding a prefix (like salt) for generating more unique hash like:
genHash('my-hashcomponents/G-TheThemeSwitcher.vue+TheThemeSwitcher__switch').
Таким образом, указание префикса хэша изменит результат хэш-функции Webpack по умолчанию. То, что вы увидите в результате (цифры и буквы после localIdentName), всегда будет тарабарщиной, но своего рода пользовательской тарабарщиной, когда вы добавляете префикс хэша.