Skip to content

NPM

FreeBSD

Bootstrap Tools on FreeBSD

sudo pkg install -y node12 npm-node12
sudo pkg install -y ruby ruby26-gems
sudo gem install -y bundler sass
npm i -D npm
npm i -D gulp gulp-cli
npm i -D jshint gulp-jshint gulp-sass gulp-concat gulp-uglify gulp-rename

Troubleshooting

Dependency problem with fsevents fixed by:

>npm i -f

MacOS

Bootstrap Tools on Mac

cd
brew install npm
npm i -D npm
npm i -D gulp gulp-cli
npm i -D jshint gulp-jshint gulp-sass gulp-concat gulp-uglify gulp-rename
brew install ruby
sudo chown -R vnyx /Library/Ruby

Close the terminal and open again to pickup the PATH settings.

cd ~/Developer/theme
npm i
npm audit fix
gem install bundler
bundle update --bundler
gem install sass

Universal

NPM Applications

npm i -f
npm i -P lodash
npm i -P jquery
npm i -P popper.js
npm i -P bootstrap
npm i -P tooltip.js
npm i -P pikaday
npm i -P chart.js
npm i -P apexcharts
npm i -P highcharts
npm i -P jquery-confirm
npm i -P select2
npm i -P sprintf-js
npm i -P inputmask
npm i -P datatables.net-dt
npm i -P datatables.net-select-dt
npm i -P datatables.net-scroller-dt
npm i -P tempusdominus-bootstrap-4 [email protected]
npm i -P smartwizard
npm i -P markdown-it
npm i -P [email protected]
npm i -P jquery-validation
npm i -P jquery-mask-plugin
npm i -P bootstrap-markdown
npm i -P fullcalendar
npm i -P bootstrap-daterangepicker
npm i -P jquery-confirm
npm i -P toastr
npm i -P dragula
npm i -P vue
npm i -P signature_pad
npm audit fix

Webpack

Installation

npm i -D webpack webpack-cli
npm i -D style-loader css-loader
npm i -D sass-loader sass
npm i -D file-loader
npm i -D html-webpack-plugin
npm i -D clean-webpack-plugin
npm i -D mini-css-extract-plugin
npm i -D copy-webpack-plugin
npm i -D script-loader
npm i -D terser-webpack-plugin
npm i -D mini-css-extract-plugin
npm i -D optimize-css-assets-webpack-plugin
npm i -D hard-source-webpack-plugin
npm i -D filemanager-webpack-plugin
npm i -D webpack-fix-style-only-entries
npm i -D babel-loader @babel/core @babel/preset-env
npm i -D expose-loader

Instructions

Webpack Official Documentation - Getting Started

touch webpack.config.js
cd ~/Developer/theme
mkdir src
touch ./src/index.js
mkdir dist
touch ./dist/index.html

After updating files based on instructions above.

npm run build