<?xml version="1.0" encoding="UTF-8"?>

<rss version="2.0" xmlns:dc="http://purl.org/dc/elements/1.1/" >

  <channel>
    <title><![CDATA[Статьи]]></title>
    <link>https://habr.com/ru/users/cable/publications/articles/</link>
    <description><![CDATA[Хабр: статьи пользователя cable]]></description>
    <language>ru</language>
    <managingEditor>editor@habr.com</managingEditor>
    <generator>habr.com</generator>
    <pubDate>Sun, 03 May 2026 14:08:56 GMT</pubDate>
    
    
      <image>
        <link>https://habr.com/ru/</link>
        <url>https://habrastorage.org/webt/ym/el/wk/ymelwk3zy1gawz4nkejl_-ammtc.png</url>
        <title>Хабр</title>
      </image>
    

    
      
        
    
    <item>
      <title><![CDATA[Svelte + Redux + Redux-saga]]></title>
      <guid isPermaLink="true">https://habr.com/ru/articles/541188/</guid>
      <link>https://habr.com/ru/articles/541188/?utm_campaign=541188&amp;utm_source=habrahabr&amp;utm_medium=rss</link>
      <description><![CDATA[<img src="https://habrastorage.org/getpro/habr/upload_files/a93/b72/56b/a93b7256be19c122eb8cf867fc11409c.jpg" /><p>Большинство из нас сталкивались с redux, а те, кто использовал его в ReactJS могли пощупать хуки useSelector, useDispatch, в ином случае через mstp, mdtp + HOC connect. А что со svelte? Можно навернуть или найти что-то похожее на connect, по типу svelte-redux-connect, описывать огромные конструкции, которые будем отдавать в тот самый connect.<br></p> <a href="https://habr.com/ru/articles/541188/?utm_campaign=541188&amp;utm_source=habrahabr&amp;utm_medium=rss#habracut">Читать далее</a>]]></description>
      
      <pubDate>Sat, 06 Feb 2021 23:14:09 GMT</pubDate>
      <dc:creator><![CDATA[Cable]]></dc:creator>
      <category><![CDATA[JavaScript]]></category><category><![CDATA[SvelteJS]]></category>
      <category><![CDATA[svelte]]></category><category><![CDATA[sveltejs]]></category><category><![CDATA[redux]]></category><category><![CDATA[redux-saga]]></category><category><![CDATA[hooks]]></category>
    </item>
  

  

  

	
  

  

  

    
    <item>
      <title><![CDATA[Как я выкинул webpack и написал babel-plugin для транспила scss/sass]]></title>
      <guid isPermaLink="true">https://habr.com/ru/articles/513564/</guid>
      <link>https://habr.com/ru/articles/513564/?utm_campaign=513564&amp;utm_source=habrahabr&amp;utm_medium=rss</link>
      <description><![CDATA[<h3>Предыстория</h3><br>
Как-то субботним вечером я сидел и искал способы сборки UI-Kit с помощью webpack. В качестве демо UI-kit я пользуюсь styleguidst. Конечно же, webpack умный и все файлы, которые есть в рабочем каталоге он запихивает в один бандл и оттуда всё крутится и вертится.<br>
<br>
Я создал файл entry.js, импортнул туда все компоненты, затем оттуда же экспортнул. Вроде всё ок.<br>
<br>
<pre><code class="javascript">import Button from 'components/Button'
import Dropdown from 'components/Dropdown '

export {
  Button,
  Dropdown 
}
</code></pre> <br>
И после сборки всего этого, я получил на выходе output.js, в котором как и ожидалось было всё — все компоненты в куче в одном файле. Тут возник вопрос:<br>
<blockquote>А как мне собрать все кнопочки, дропдауны и прочее по отдельности, что бы импортировать в других проектах? <br>
</blockquote>А я ведь хочу это ещё и в npm залить как пакет.<br>
<br>
Хм… Поехали по порядку.<br> <a href="https://habr.com/ru/articles/513564/?utm_campaign=513564&amp;utm_source=habrahabr&amp;utm_medium=rss#habracut">Читать дальше &rarr;</a>]]></description>
      
      <pubDate>Mon, 03 Aug 2020 09:01:41 GMT</pubDate>
      <dc:creator><![CDATA[Cable]]></dc:creator>
      <category><![CDATA[JavaScript]]></category><category><![CDATA[Node.JS]]></category><category><![CDATA[ReactJS]]></category>
      <category><![CDATA[babel plugin]]></category><category><![CDATA[babel]]></category><category><![CDATA[react.js]]></category><category><![CDATA[reactjs]]></category><category><![CDATA[ast]]></category><category><![CDATA[babel-types]]></category><category><![CDATA[webpack]]></category><category><![CDATA[webpack 4]]></category>
    </item>
  

  

  

	
  

  

  

      

      

      

    
  </channel>
</rss>
