bundle-master

## Installation

``$xslt
npm i bundle-master
`


# Webpack Configuration for React,Vue, SCSS in any peoject (PHP, Node js, Python, etc.)


Easy Config for webpack.config.js:
`
let builder = require("bundle-master")

const config = builder.webpack()
.react('your-location/react/app.js', 'assets/js/react')
.vue('your-location/vue/app.js', 'assets/js/vue')
.scss('your-location/scss/app.scss', 'assets/css/app.css')
.init();

module.exports = config
`

Easy Config for vite.config.js

`
import builder from "plugin-master-js-build"

import vue from '@vitejs/plugin-vue';

export default builder.vite('resources/js/vue/app.js', 'assets/js/vue', {plugins:[vue()]});

`

** for vite js, support only vue js bundling.


NPM Package need to install:

Basic devDependencies:

* add Latest Version.
`
"devDependencies": {
"webpack": "^5.72.0",
"webpack-cli": "^4.8.0",
"webpack-dev-server": "^4.2.1"
}
`
For React add following devDependencies & dependencies:

* add Latest Version.
`
"devDependencies": {
"@babel/core": "^7.15.5",
"@babel/preset-env": "^7.15.6",
"@babel/preset-react": "^7.14.5",
"babel-loader": "^8.2.2",
},
"dependencies": {
"react": "^17.0.2",
"react-dom": "^17.0.2"
}
`

if you need to use SCSS or CSS in React app then:

devDependencies:
`
"css-loader": "^6.7.1",
"sass": "^1.49.11",
"sass-loader": "^12.6.0"
`


For Vue JS, add following devDependencies & dependencies:

* add Latest Version.
`
"devDependencies": {
"babel-loader": "^8.2.2",
"sass": "^1.49.11",
"sass-loader": "^12.6.0",
"vue-loader": "^17.0.0",
"css-loader": "^6.7.1",
},
"dependencies": {
"@vue/compiler-sfc": "^3.2.33",
"vue": "^3.2.31"
}
`

For SCSS/SASS, add following devDependencies & dependencies:

* add Latest Version.
`
"devDependencies": {
"ignore-emit-webpack-plugin": "^2.0.6",
"mini-css-extract-plugin": "^2.6.0",
"css-loader": "^6.7.1",
"sass": "^1.49.11",
"sass-loader": "^12.6.0"
},
"dependencies": {
}
`


# Vite Configuration for Vue JS in any peoject (PHP, Node js, Python, etc.)

Add following devDependencies & dependencies:

* add Latest Version.

`
"dependencies": {
"vue": "^3.2.19",
"vuex": "^4.0.2"
},
"devDependencies": {
"@vitejs/plugin-vue": "^1.9.2",
"@vue/compiler-sfc": "^3.2.19",
"sass": "^1.45.2",
"vite": "^2.6.1"
}
``