Topic: MDB Webpack customize MDB library

demzl25 premium asked 10 months ago


Hi,

I have issues with Webpack to import the modules of library (css and js) that I need. I have folow the steps as described in docs: 1. I have downloaded MDB Webpack Starter and extract it to Project folder
2. I have open it with VS Code and install with token: npm i git+https://oauth2:My-personal-token@git.mdbootstrap.com/mdb/standard/mdb-ui-kit-pro-essential
3. I have puted complite MDB libary in src/mdb folder. Javascript in js and scss in scss folder. In the js folder there is index.js file. In the js file is code (import * as mdb from 'mdb-ui-kit'; export default {mdb,};) In the scss folder there is index.scss file. In the scss file is code (@import '~mdb-ui-kit/css/mdb.min.css';)
4.a I have removed the moduls from (mdb.pro.js an mdb.free .js) that i dont need i have left alone the CORE COMPONENTS.
4.b I have removed the moduls from (mdb.pro.scss an mdb.free .scss) that i dont need i have left alone the CORE COMPONENTS. 5. Then I have run npm run buildMDB and in the terminal i get this issue described in image below. In have try also run npm run build but i get the same result and the file sizes are remaining the same as original scss and js files.

Resources (screenshots, code snippets etc.)


Michał Duszak staff answered 10 months ago


Hello,

unfortunately I couldn't see the image with an error. Could you upload this image to some hosting and paste the link in here?


demzl25 premium commented 10 months ago

Hi, Here is the link to the image: https://streamable.com/wpmpm4

Thanks,

Damjan


Michał Duszak staff commented 10 months ago

I don't see any errors. Try npm run start and see if your modules work properly.


demzl25 premium commented 10 months ago

I had figured it out that i had some issuse with installation and now I have try again and the file size is smaller i didnt get eny error so this probaly working corectly. Thank you, Damjan



Please insert min. 20 characters.

FREE CONSULTATION

Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.

Status

Answered

Specification of the issue

  • User: Premium
  • Premium support: Yes
  • Technology: MDB Standard
  • MDB Version: MDB5 3.10.2
  • Device: Pc
  • Browser: Chrome 97.0.4692.99
  • OS: Windows 10
  • Provided sample code: No
  • Provided link: Yes