Difference between revisions of "Webpack"

From Tweeki
Jump to: navigation, search
Line 19: Line 19:
  
 
  $wgTweekiSkinUseCustomFiles = true;
 
  $wgTweekiSkinUseCustomFiles = true;
 +
 +
Every time you change the source files run <code>npm run prod</code> again.

Revision as of 14:33, 16 September 2021

Using Webpack to customize the styles

Install node.js – you can follow these instructions for most linux distributions

Install webpack dependencies

npm install

Create your customized scripts and styles

mv resources/scripts/example.custom.js resources/scripts/custom.js
mv resources/styles/example.custom.scss resources/styles/custom.scss

Create customized files

npm run prod

Tell MediaWiki to use the custom files with this line in LocalSettings.php

$wgTweekiSkinUseCustomFiles = true;

Every time you change the source files run npm run prod again.