Comments (10)
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.
- Install libraries with
npm install
. - Take a blank.html file.
- Install Sass preprocessor (https://sass-lang.com/install).
- Go into src/assets/styles
- Replace
@import "~bootstrap/scss/bootstrap
with@import "../../../node_modules/bootstrap/scss/bootstrap.scss
in index.scss - Comment
@import 'vendor/index'
in the same file. - Run from
src/assets/styles
commandsass index.scss stylesheet.css
- Copy processed file
stylesheet.css
into a directory with blank html. - Add in blank.html a tag in head section
<link href="index.css" rel="stylesheet" type="text/css"/>
- 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.
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.
@krzysiekpiasecki
not 6 mean how ya i do not understand?
from adminator-admin-dashboard.
not 6 mean how ya i do not understand?
You need to transpile scss files into css.
from adminator-admin-dashboard.
Work perfect @krzysiekpiasecki, what would be the best way to divide the stylesheet.css,
Regards,
from adminator-admin-dashboard.
@ibecir if you have no further questions please close the ticket.
from adminator-admin-dashboard.
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.
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.
How can i write jquery in this project?
from adminator-admin-dashboard.
Related Issues (20)
- top right corner's dropdown click event doesn't work if jquery is enabled in HTML template HOT 2
- Bootstrap 5 HOT 1
- Original author attribution HOT 2
- I need just light build version of the Menu HOT 1
- Webpack compilation issue HOT 2
- Charts added using charts.js are not animating on page load (or at any other time). HOT 1
- Uncaught TypeError: can't access property "__k", u is null HOT 1
- Unable to resolve dependencies during npm install HOT 1
- This is useless. Simple web app but too complicated to install. HOT 2
- How to add new js file
- Unable to install due to package dependencies HOT 1
- Not able to plugin to Yii2 Framworks HOT 2
- Is this still maintained? HOT 3
- Bug sidebar menu HOT 2
- Why does it need Python? HOT 3
- Need HTML version HOT 1
- Display code in quick chat
- Setup main.js for project HOT 2
- New html page has no styling HOT 2
- Change background colour HOT 1
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
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.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from adminator-admin-dashboard.