Expack_library NPM

ExPack

ExPack is a library that lets you customize everything, being easy to use and able to adjust based on your needs!

ExPack was programmed in Visual Studio Code.

Libraries

ExPack wouldn't be possibly without a few libraries that are accessed (these are all as of 17 December 2024).

NPM

NPM is used for both distributing and building ExPack.

jQuery

The jQuery Javascript Library is used for the Javascript side of ExPack.

By using jQuery it makes it easier to do things like accessing classes. If a file uses $() at all, that means jQuery is used.

If you want to start contributing to ExPack, you can learn the formatting of jQuery from the jQuery site.

Rollup

ExPack uses a few of the rollup plugins, this is what makes it possible to build ExPack.

By running npm run build in the console, because of the way that the package.json file is set up, the command rollup --config is ran as well.

Importing ExPack

For the CSS code, put the code below in your HTML tag: For the JavaScript code, at the bottom of your tag put the code below:

It is also recommended to include jQuery as well.

Languages

Programmed With

ExPack was made with the following Coding Languages

Externally Used

To-Do

Code

Have javascript modify margins
Built in Python support
Badges SCSS (may use javascript)
Have JavaScript search for fonts.

Others

Add to a CDN

Also see the Focal Issues or go to Issues

Installs

To Have Installed

Languages

Software

For Programming

Atom Not recommended, archived IDE
Visual Studio Code Recommended
Visual Studio

!IMPORTANT Use which ever IDE you'd like, these are just the ones that the original owner used to make ExPack. If your IDE doesn't have Git support, run the Git Back terminal and then do the git commands there

NPM

~~Webpack~~
- ~~Terser Webpack Plugin~~

!IMPORTANT Since 16/09/2024, devolpment of Expack v0.0.3, Expack has switched from using Webpack to Rollup

Sass
Babel
- babel-loader
- @babel/core
- @babel/preset-env
jQuery

Import String

After you cloned ExPack and entered the file, you can enter the code below to auto import everything

npm i jquery @rollup/plugin-node-resolve @rollup/plugin-commonjs @rollup/plugin-babel @rollup/plugin-terser rollup-plugin-postcss babel-loader @babel/core @babel/preset-env --save-dev

Recommendations

To properly run this, please make sure you install SASS. The starting system for ExPack was using npm install -g sass.

Compiling SASS

As of September 16th, 2024, the original repository is being compiled at the same time as the js; by running npm run build.

Compiling JS

With the addition of webpack (added September 7th, 2024), to bundle and minimize the javascript code you should run: npm run build. For more info look at the rollup config file.