Можно ли встроить SCSS / SASS в шаблон Pug / Jade с помощью WebPack? - PullRequest
Новая
       28

Можно ли встроить SCSS / SASS в шаблон Pug / Jade с помощью WebPack?

0 голосов
/ 05 сентября 2018

Можно ли включить / внедрить SCSS в шаблон .pug, чтобы он стал встроенным CSS в шаблон HTML после сборки с WebPack?

Вот пример:

У меня есть следующая структура проекта: 

src/
..components/
....header/
......header1.pug
......header1.scss
..navcustom-template.pug
..customfooter-template.pug
..non-template-specific.scss

и я хотел бы скомпилировать это:

/ SRC / navcustom-template.pug 

// Section: NavCustom

//Included SCSS
style
    include header.scss

//or/and embedded SCSS
style.
    //Embedded SCSS here


script.
    // template specific JS here

header
    div.col-md-4
        // Social Media Code
    div.col-md-4
        // Logo Code
    div.col-md-4
        //  Call to Action Code
nav
   // Nav stuff here

так, чтобы это стало похоже на следующее:

/ расстояние / navcustom-template.html 

<!--
    Section: NavCustom
-->

<style>

    //Template Specific CSS Embedded Here

</style>
<script type="text/javascript">

    //Template Specific JS Imports Here

</script>
<header>

    <div class="col-md-4">

        // Social Media Code

    </div>

    <div class="col-md-4">

        // Logo Code

    </div>

    <div class="col-md-4">

        //  Call to Action Code

    </div>

</header>
<nav>

</nav>

Если вы хотите больше контекста, это должно упростить разработку для сторонней платформы электронной коммерции, которая имеет уникальный способ ведения дел.

...