Compile time

[illycz]

The compilation of one project takes me even 15s. Can I make a mistake somewhere?

Thanks

[antoine1000]

Hi,

When you say compilation, do you mean when you run npm run buid on your project ? If so, ~15s is not anormal. For mid-size project, we experience a build time around ~10s, depending on the project/machine you work on.

[illycz]

No, I mean browser sync injection time when I change some css property.

[antoine1000]

Can you give some details please ? What CSS pre-processor are you using ? Do you use a css framework ? Is there a warning or an error somewhere ?

[illycz]

Sass without any warnings or errors.

Asset       Size
f365bf527cb6daef86fd9ef9f5b54450.woff2    21.8 kB
  55a606c7b4174ae4e544d78940eba4f5.svg  723 bytes
  4f26fc8b6df9af7c33de251a6df9d562.svg    2.09 kB
  f6843c43bd2730c9b1d3116ce8a3b216.png    15.8 kB
  7117c6673d055cf9a4c397b596b1715f.svg    2.96 kB
  a2ea344a8c7acde6e8af454e6925c0f7.png    15.8 kB
  1ea130850064d08cf8a0f169815a0115.svg    1.99 kB
  d851ff9a7b219040b6d37ef75c267f30.png    16.1 kB
  c1d7be2bf7cf37938823862aaa9ea276.svg  357 bytes
  00a35ecdc2b5e79540385e6e1965161d.png  207 bytes
  b7fdf4cade2748a68b80bbdae6f7d160.svg  375 bytes
  f457d6a3132f2e789a6a017812ec29cf.png  200 bytes
  965cb1cecfddf743133166167d5e1628.png      13 kB
  0895c96306d9fc54b57559e7b37b9e1f.eot    44.7 kB
  aa8e6cb1e2525807092f2dcb6af32141.eot    45.4 kB
  29dac0e57231be79b624e52988e21609.eot    44.4 kB
  8b18e57c099c7128aa224fa872b0e71d.eot    23.9 kB
  1a3c67236ba7d01ae385fe0673dbc665.eot    24.8 kB
  3fb2241c6682e857870fe88bdfc5a027.eot    25.2 kB
  9f1a6032065d76a2752f19ebf685096d.eot    24.7 kB
  f00e205c164478709235ebe006400794.svg    22.1 kB
  072e195d3cb4c967cc3e78477bb48a3a.svg  343 bytes
e23937790627c4ec565cd8b053fcb20d.woff2    18.7 kB
 db484a25124acefb7b3679d762325a29.woff    24.6 kB
  7513c5317407551f4cc7d7456b8d0529.ttf    44.5 kB
  009070cb2e569af2e0691175b1bc197c.svg    70.3 kB
7416d5c35e3d7c2426ef767dced0164e.woff2    18.9 kB
 2a8543726a4181883b35f2e22439ad00.woff    24.9 kB
  f932a8f6fd19698741131136fdf944d3.ttf    45.1 kB
  53b10584be66e3ab1a310b6ebea964b9.svg    70.3 kB
510fd0e64db2a287b00883f1c785f925.woff2    18.5 kB
 1edc48c340e08807cf7ddab7243ad0d3.woff    24.4 kB
  9eba0bee8b577f49043571c257bd6d0f.ttf    44.2 kB
  5890a14b023e966170f48c8767f83ce2.svg    69.5 kB
3a955490f813769f7b86730dcf30a471.woff2      21 kB
 a9d648210d3c00f1ab8867651da933e3.woff    27.1 kB
  7c7e298c730be12f12d55839c56da566.ttf    62.6 kB
  46661d6d65debc63884004fed6e37e5c.svg   41 bytes
5df94b6b21bbd4ee70387fd273d8885a.woff2    21.7 kB
 663a94ff3e9656b272e39121e06b418a.woff    28.1 kB
  af0bc29553a7d2cde7e34258e8b6473c.ttf    61.7 kB
ad897b463008e1836a925235777fae8c.woff2    22.2 kB
 41fb01c99b5cd9fded3231309231ffc8.woff    28.6 kB
  0530c95575c1ea614f50f5c34191ec13.ttf    62.3 kB
  6470a30f101f78c531b6fd2e6ac872de.png    15.4 kB
 98977e7cdfd6c043d6165b558705bd28.woff    28.1 kB
  7d2032cabac89c9b718220d1d5436ecd.ttf    62.5 kB
  4a37f8008959c75f619bf0a3a4e2d7a2.png    4.98 kB
  0fe394fc4234955c2a12940be7ae7ef0.svg    3.19 kB
  76f072e8fbb55d438531da1a1a3dcefc.png    29.4 kB
  0e0252f2b4199ed037ab5ec71be46441.png    23.2 kB
  b5e1de85fcbd9a805797b3ab0506d4c9.svg  858 bytes
  620e03a193bf60c60cc1da8e9bfedef9.png  484 bytes
  ec9015c4a2d1caf6169095c0d0f7fede.svg  375 bytes
  af459072fff104911aa8d3ab6f00d404.png  135 bytes
  8d8c09aa941e265c1274f2d3d6db1531.svg  357 bytes
  b84ed17528565e1b85180f7c1555be58.png  151 bytes
  2ca8871c1960074e23b266966ea8d4bf.png   75 bytes
  dd071e9ff6f0358ee63a930569ddeb7b.png    15.2 kB
  730bf83c17ea7a52102792547f15abd4.jpg    30.7 kB
  f05ff93607cdaeb905d8f4ba9d9fedb5.png    90.7 kB
  211f3ba562a33d2394cc217ee3b9f3ef.png     154 kB
  c56ccf99a905a94b94989001f8aafcec.png    1.87 kB
  535d81afd673e9663dfd29f9475e391c.png    4.64 kB
  ec3d50447ae454309442816614d82955.png    8.89 kB
  b02f57a1ab90d34fa8e22078f8efda06.png    5.22 kB
  d36d7593d08431b4c864cf53518c37b1.png    22.3 kB
  3a24414e6e0141a4d2273c39b3b846e9.png    14.9 kB
  6b03afdbb34f3927af48a8302b3c26f1.png    22.9 kB
  f99a72b2e85e28af03cdff73780e8e1f.png    15.1 kB
  fe109fa421f1d4fb73a5d3b63d8f23af.png    8.11 kB
  c51e1ea730aa3a84b98c9fb61bfb65a3.png    15.4 kB
  7e28d806a1d2cc014d4bc5a2e03d8c92.svg  366 bytes
  8669d634e847195c841c1f394e78a5c4.png  187 bytes
  5d6dcf003c4079d5193938d2126105cd.svg    6.62 kB
  26efd18cc1006a5df5f93e25f2f63beb.svg    1.45 kB
  a03d625120d6df12df8c99aefa30b434.png    1.41 kB
  831da1415d1ce807389847a4997ac9f9.svg  403 bytes
  c0c0fcf060f15f4898e6f589b0f30f64.png  235 bytes
  893d9b3d724e5b65e16c8e4ede8f373d.svg     3.1 kB
  856bd4d97633ecdeb83a22bf7ceefef2.png    18.9 kB
  b98bc2bcdd2aae73dc22492656e708b3.svg    3.11 kB
  0f32cb6dab919c189c075cdb9d9c2cd6.png    19.2 kB
  ac62a4c98aa3444b47fc818762e11f5a.png    15.9 kB
  26e1ba41588dc5ac22e5a98e05b64abb.png    13.8 kB
                assets/styles/main.css    3.82 MB       0  [emitted]  [big]  assets/styles/main.css
                assets/scripts/main.js    2.39 MB       1  [emitted]  [big]  assets/scripts/main.js
  0.86f772230def1c10b78c.hot-update.js    3.46 MB       0  [emitted]  [big]  assets/styles/main.css
  86f772230def1c10b78c.hot-update.json   43 bytes          [emitted]

[illycz]

This is my main.scss file:

/* ==========================================================================
   Styles
   ========================================================================== */

/**
 * Settings
 */

@import "settings/defaults";
@import "settings/vars";

/**
 * Tools
 */

@import "tools/functions";
@import "tools/mixins";

/**
 * Generic
 */

@import "generic/normalize";
@import "generic/reset";
@import "generic/shared";
@import "generic/box-sizing";

/**
 * Base
 */

@import "base/font";
@import "base/page";
@import "base/typography";
@import "base/image";

/**
 * Objects
 */

@import "objects/animation";
@import "objects/button";
@import "objects/card";
@import "objects/container";
@import "objects/embed";
@import "objects/grid";
@import "objects/icon";
@import "objects/list";

/**
 * Libs
 */

@import "~bootstrap-sass/assets/stylesheets/bootstrap/variables";
@import "~bootstrap-sass/assets/stylesheets/bootstrap/mixins";
@import "~bootstrap-sass/assets/stylesheets/bootstrap/component-animations";
@import "~bootstrap-sass/assets/stylesheets/bootstrap/carousel";
@import "~bootstrap-sass/assets/stylesheets/bootstrap/dropdowns";
@import "~bootstrap-sass/assets/stylesheets/bootstrap/tooltip";
@import "~formstone/dist/css/scrollbar";
@import "~formstone/dist/css/dropdown";
@import "~magnific-popup/dist/magnific-popup";
@import "~owl.carousel/dist/assets/owl.carousel";
@import "select-css";
@import "select-css-compat";

/**
 * Components
 */

@import "components/button";
@import "components/carousel";
@import "components/decoration";
@import "components/directory";
@import "components/download";
@import "components/dropdown";
@import "components/faq";
@import "components/filter";
@import "components/form";
@import "components/gallery-list";
@import "components/list";
@import "components/magnific-popup";
@import "components/manuals";
@import "components/params";
@import "components/play";
@import "components/popup";
@import "components/product";
@import "components/sale";
@import "components/select";
@import "components/spot";
@import "components/switcher";
@import "components/tabs";
@import "components/tabs-custom";
@import "components/tag";
@import "components/testimonial";
@import "components/tip";
@import "components/video";
@import "components/video-promo";

@import "components/page";
@import "components/bar";
@import "components/timer";
@import "components/tooltip";
@import "components/header";
@import "components/logo";
@import "components/menu-toggler";
@import "components/menu";
@import "components/cart";
@import "components/content";
@import "components/nav";
@import "components/submenu";
@import "components/section";
@import "components/footer";
@import "components/mailchimp";
@import "components/network";

@import "components/sections/hero";
@import "components/sections/features";
@import "components/sections/apps";
@import "components/sections/details";
@import "components/sections/gallery";
@import "components/sections/tutorials";
@import "components/sections/video-detail";
@import "components/sections/pen";
@import "components/sections/products";
@import "components/sections/mini";
@import "components/sections/tips";
@import "components/sections/powerpack";
@import "components/sections/material";
@import "components/sections/accessories";
@import "components/sections/characteristics";
@import "components/sections/inspiration";
@import "components/sections/support";
@import "components/sections/coupon";
@import "components/sections/404";

@import "components/basic/basic";
@import "components/basic/basic-hero";
@import "components/basic/basic-features";
@import "components/basic/basic-battery";
@import "components/basic/basic-badge";
@import "components/basic/basic-accessories";
@import "components/basic/basic-carousel";
@import "components/basic/basic-summary";
@import "components/basic/basic-tile";

/**
 * Utils
 */

@import "utils/align";
@import "utils/display";
@import "utils/layout";
@import "utils/position";
@import "utils/size";
@import "utils/space";
@import "utils/text";

[pqml]

Thanks for the infos.

The problem may comes from one of the loader used to bundle the .scss files, like the file-loader, url-resolve-loader (both used only in development), or the sass loader.

I will investigate on this