Giter Site home page Giter Site logo

Comments (10)

jepperaskdk avatar jepperaskdk commented on July 20, 2024 4

You'll need Node to build the HTML/CSS/minimal JS, but once you have built the files, there are no dependencies on Node. Running the commands below should bundle the theme in a directory called "build", in which you find the files. Further development might be difficult without node/webpack however.

git clone https://github.com/puikinsh/Adminator-admin-dashboard.git
cd Adminator-admin-dashboard
npm install
npm run build

Doing this without node, would mean fetching the dependencies, transpiling, preprocessing, bundling and so on, by other means.

from adminator-admin-dashboard.

krzysiekpiasecki avatar krzysiekpiasecki commented on July 20, 2024 4

@ibecir

  1. Install libraries with npm install.
  2. Take a blank.html file.
  3. Install Sass preprocessor (https://sass-lang.com/install).
  4. Go into src/assets/styles
  5. Replace @import "~bootstrap/scss/bootstrap with @import "../../../node_modules/bootstrap/scss/bootstrap.scss in index.scss
  6. Comment @import 'vendor/index' in the same file.
  7. Run from src/assets/styles command sass index.scss stylesheet.css
  8. Copy processed file stylesheet.css into a directory with blank html.
  9. Add in blank.html a tag in head section <link href="index.css" rel="stylesheet" type="text/css"/>
  10. Open blank.html.
    ...

You've got the HTML template with CSS. After installing node modules copy required js libraries to folder with blank.html and add proper script tags. Generally speaking you must investigate in details, what you need, what you needn't.

Consider learning the whole ecosystem because it's a one of the standards for web applications and when you'll finish with this task - don't forget close it. Thanks.

from adminator-admin-dashboard.

clain4u avatar clain4u commented on July 20, 2024 1

@ibecir

1. Install libraries with `npm install`.

2. Take a blank.html file.

3. Install Sass preprocessor (https://sass-lang.com/install).

4. Go into src/assets/styles

5. Replace `@import "~bootstrap/scss/bootstrap` with `@import "../../../node_modules/bootstrap/scss/bootstrap.scss` in index.scss

6. Comment `@import 'vendor/index'` in the same file.

7. Run from `src/assets/styles` command `sass index.scss stylesheet.css`

8. Copy processed file `stylesheet.css` into a directory with blank html.

9. Add in blank.html a tag in head section `<link href="index.css" rel="stylesheet" type="text/css"/>`

10. Open blank.html.
    ...

You've got the HTML template with CSS. After installing node modules copy required js libraries to folder with blank.html and add proper script tags. Generally speaking you must investigate in details, what you need, what you needn't.

Consider learning the whole ecosystem because it's a one of the standards for web applications and when you'll finish with this task - don't forget close it. Thanks.

Simply not ready to give a pure build versions , we understand , thanks you..!!

from adminator-admin-dashboard.

Yustyar avatar Yustyar commented on July 20, 2024

@krzysiekpiasecki
not 6 mean how ya i do not understand?

from adminator-admin-dashboard.

krzysiekpiasecki avatar krzysiekpiasecki commented on July 20, 2024

not 6 mean how ya i do not understand?

You need to transpile scss files into css.

from adminator-admin-dashboard.

tecnoterabyte avatar tecnoterabyte commented on July 20, 2024

Work perfect @krzysiekpiasecki, what would be the best way to divide the stylesheet.css,

Regards,

from adminator-admin-dashboard.

AndreiCN avatar AndreiCN commented on July 20, 2024

@ibecir if you have no further questions please close the ticket.

from adminator-admin-dashboard.

trinanda avatar trinanda commented on July 20, 2024

@ibecir

1. Install libraries with `npm install`.

2. Take a blank.html file.

3. Install Sass preprocessor (https://sass-lang.com/install).

4. Go into src/assets/styles

5. Replace `@import "~bootstrap/scss/bootstrap` with `@import "../../../node_modules/bootstrap/scss/bootstrap.scss` in index.scss

6. Comment `@import 'vendor/index'` in the same file.

7. Run from `src/assets/styles` command `sass index.scss stylesheet.css`

8. Copy processed file `stylesheet.css` into a directory with blank html.

9. Add in blank.html a tag in head section `<link href="index.css" rel="stylesheet" type="text/css"/>`

10. Open blank.html.
    ...

You've got the HTML template with CSS. After installing node modules copy required js libraries to folder with blank.html and add proper script tags. Generally speaking you must investigate in details, what you need, what you needn't.
Consider learning the whole ecosystem because it's a one of the standards for web applications and when you'll finish with this task - don't forget close it. Thanks.

Simply not ready to give a pure build versions , we understand , thanks you..!!

This not work for me,
can you provide the file in your repository, please..?

from adminator-admin-dashboard.

trinanda avatar trinanda commented on July 20, 2024

You'll need Node to build the HTML/CSS/minimal JS, but once you have built the files, there are no dependencies on Node. Running the commands below should bundle the theme in a directory called "build", in which you find the files. Further development might be difficult without node/webpack however.

git clone https://github.com/puikinsh/Adminator-admin-dashboard.git
cd Adminator-admin-dashboard
npm install
npm run build

Doing this without node, would mean fetching the dependencies, transpiling, preprocessing, bundling and so on, by other means.

This is what I want, thanks a lot Man :)

from adminator-admin-dashboard.

sarowerj avatar sarowerj commented on July 20, 2024

How can i write jquery in this project?

from adminator-admin-dashboard.

Related Issues (20)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.