Super Sale Limited Time 50% OFF for All-Access Plans
Save 50% Now

How to setup theme in my project ?

I want to setup a webpack watch system in my project in the following structure

views/ -- assets/ -- src/ -- tools/

I changed the webpack and gulp config to match the new dir structure change ( demo1/assets )

but I'm getting errors like

Error: Module build failed (from ./node_modules/sass-loader/dist/cjs.js):
Undefined mixin.

is there a way to set this up properly ?

Text formatting options
Submit
Click any option to insert into your comment. Select text first to wrap it.
  • **text** to make things bold
  • *text* to emphasize
  • ### Heading to make headings
  • [link text](url) for links
  • ![alt text](image-url) to paste in an image
  • - item to make a list
  • 1. item to make an ordered list
  • > quote to quote somebody
  • `code` for single line of code
  • ```js ... ``` for JS code block
  • ```html ... ``` for HTML code block
  • ```scss ... ``` for SCSS code block
  • ```php ... ``` for PHP code block
  • --- for a horizontal rule
  • happy  :)
  • shocked  :|
  • sad  :(

Replies (2)


It seems like there's a problem with Sass mixins in your webpack configuration. Check the appropriate Sass files to see if your mixin definitions have been imported appropriately. Make sure you are pointing to the right directories in retro bowl online your webpack configuration by checking the paths. Make sure that your sass-loader and all of its dependencies are current as well. Should you require any additional assistance, please do not hesitate to inform us.



Hi,

Temporarily exclude the watcher plugin from your webpack configuration. This will help determine if the issue is related to the watcher or if there's another underlying problem. You can comment out or remove the part related to the watcher plugin in your webpack.config.js.

Adjust the output path in your webpack.config.js to the "assets" folder. After making these changes, try running the webpack compilation again.


Text formatting options
Submit
Click any option to insert into your comment. Select text first to wrap it.
  • **text** to make things bold
  • *text* to emphasize
  • ### Heading to make headings
  • [link text](url) for links
  • ![alt text](image-url) to paste in an image
  • - item to make a list
  • 1. item to make an ordered list
  • > quote to quote somebody
  • `code` for single line of code
  • ```js ... ``` for JS code block
  • ```html ... ``` for HTML code block
  • ```scss ... ``` for SCSS code block
  • ```php ... ``` for PHP code block
  • --- for a horizontal rule
  • happy  :)
  • shocked  :|
  • sad  :(
Text formatting options
Submit
Click any option to insert into your comment. Select text first to wrap it.
  • **text** to make things bold
  • *text* to emphasize
  • ### Heading to make headings
  • [link text](url) for links
  • ![alt text](image-url) to paste in an image
  • - item to make a list
  • 1. item to make an ordered list
  • > quote to quote somebody
  • `code` for single line of code
  • ```js ... ``` for JS code block
  • ```html ... ``` for HTML code block
  • ```scss ... ``` for SCSS code block
  • ```php ... ``` for PHP code block
  • --- for a horizontal rule
  • happy  :)
  • shocked  :|
  • sad  :(