assets/js/main.min.js script is built from several vendor, jQuery plugins, and other scripts found in
minimal mistakes ├── assets | ├── js | | ├── plugins | | | ├── jquery.fitvids.js # fluid width video embeds | | | ├── jquery.greedy-navigation.js # priority plus navigation | | | ├── jquery.magnific-popup.js # responsive lightbox | | | └── jquery.smooth-scroll.min.js # make same-page links scroll smoothly | | ├── vendor | | | └── jquery | | | └── jquery-3.4.0.min.js | | ├── _main.js # jQuery plugin settings and other scripts | | └── main.min.js # concatenated and minified scripts
To modify or add your own scripts include them in
assets/js/_main.js and then rebuild using
npm run build:js. See below for more details.
If you add additional scripts to
assets/js/plugins/ and would like them concatenated with the others, be sure to update the
uglify script in
package.json. Same goes for scripts that you remove.
You can also add scripts to the
<head> or closing
</body> elements by adding paths to following arrays in
head_scripts: - https://code.jquery.com/jquery-3.3.1.min.js - /assets/js/your-custom-head-script.js footer_scripts: - /assets/js/your-custom-footer-script.js after_footer_scripts: - /assets/js/custom-script-loads-after-footer.js
Note: If you assign
footer_scripts the theme’s
/assets/js/main.min.js file will be deactivated. This script includes jQuery and various other plugins that you’ll need to find replacements for and include separately.
In an effort to reduce dependencies a set of npm scripts are used to build
main.min.js instead of task runners like Gulp or Grunt. If those tools are more your style then by all means use them instead .
To get started:
- Install Node.js.
cdto the root of your project.
- Install all of the dependencies by running
Note: If you upgraded from a previous version of the theme be sure you copied over
package.json prior to running
If all goes well, running
npm run build:js will compress/concatenate
_main.js and all plugin scripts into