W
W
woebegone2021-02-14 16:52:20
Bootstrap
woebegone, 2021-02-14 16:52:20

Are there online services for compiling bootstrap 4 or how to quickly build your own bootstrap?

I downloaded the bootstrap 4.6.0 source and set up my set of components in order to compile the project.
But there is no way to install all the dependencies for compilation (node ​​gulp, etc.).
Maybe there are some online ways to compile a bootstrap project?
Or who can compile the project?
Many thanks in advance!

Answer the question

In order to leave comments, you need to log in

2 answer(s)
S
Sergey delphinpro, 2021-02-14
@delphinpro

But there is no way to install all the dependencies for compilation (node ​​gulp, etc.).

Put the node and that's it.
After installing NodeJS, create an empty folder, go to it and open the console.
In the console, the first command (I note that our folder is generally empty): we
npm init
answer questions, you can just press enter.
As a result, a file will appear in your folder. package.json
Next, connect the bootstrap of the required version
npm install [email protected]
. Now there is also a node_modules folder.
We create our two files here
bootstrap.scss
variables.scss

In variables, we reassign all the variables that we need.
in bootstrap we connect the whole thing
@import './variables'; // наш локальный файл с переменными
@import '~/bootstrap/scss/bootstrap.scss'; // сам фреймворк
// ну и другие файлы при необходимости

Now it remains to compile this thing.
The easiest way is to take the mix
package and add it
npm install -D laravel-mix cross-env
. We create another file with a webpack.mix.jsfairly simple content:
const mix = require('laravel-mix');
mix.sass('bootstrap.scss', 'css/');

This is the whole build configuration =)
Then open package.json and add the run command there
"scripts": {
    "production": "cross-env NODE_ENV=production node_modules/webpack/bin/webpack.js --progress --config=node_modules/laravel-mix/setup/webpack.config.js"
},

Now it remains to run the assembly
npm run production
Everything.

A
Anton, 2021-02-14
Semenov

Everything is there on the site)
https://getbootstrap.com/docs/4.5/getting-started/...
Compile on your development machine if there is no such possibility on the server.

Didn't find what you were looking for?

Ask your question

Ask a Question

731 491 924 answers to any question