📦 SSV

SSV deployment test

Installation

Clone this repo and npm install (On Mac I most recently used nvm v10.16.3)

npm i

Updating the package

git commit git push npm version major|minor npm publish

---

(Docs below are legacy from the original webpack Biolerplate example from Tania Rascia at https://github.com/taniarascia/webpack-boilerplate)

Usage

Development server

npm start

You can view the development server at localhost:8080.

Production build

npm run build

Note: Install http-server globally to deploy a simple server.

npm i -g http-server

You can view the deploy by creating a server in dist.

cd dist && http-server

Features

• webpack
• Babel
• Sass
• PostCSS

Dependencies

webpack

• webpack - Module and asset bundler.
• webpack-cli - Command line interface for webpack
• webpack-dev-server - Development server for webpack
• webpack-merge - Simplify development/production configuration
• cross-env - Cross platform configuration

Babel

• @babel/core - Transpile ES6+ to backwards compatible JavaScript
• @babel/plugin-proposal-class-properties - Use properties directly on a class (an example Babel config)
• @babel/preset-env - Smart defaults for Babel

Loaders

• babel-loader - Transpile files with Babel and webpack
• sass-loader - Load SCSS and compile to CSS
  • node-sass - Node Sass
• postcss-loader - Process CSS with PostCSS
  • postcss-preset-env - Sensible defaults for PostCSS
• css-loader - Resolve CSS imports
• style-loader - Inject CSS into the DOM

Plugins

• clean-webpack-plugin - Remove/clean build folders
• copy-webpack-plugin - Copy files to build directory
• html-webpack-plugin - Generate HTML files from template
• mini-css-extract-plugin - Extract CSS into separate files
• css-minimizer-webpack-plugin - Optimize and minimize CSS assets

Author

• [Ray Seikel (rseikel@bigpond.com)

Other documentation

See also:

• https://www.taniarascia.com/how-to-use-webpack/
• https://itnext.io/how-to-build-and-publish-npm-packages-with-webpack-dea19bb14627

1. To publish use this command: npm publish --access public
2. If you want to delete your package from npm, then use this command: npm unpublish [package_name]
3. npm version major|minor|patch
4. You can test your package locally using this command: npm link

Note on versioning

1. Major releases contain significant new features, some but minimal developer assistance is expected during the update. When updating to a new major release, you may need to run update scripts, refactor code, run additional tests, and learn new APIs.

2. Minor releases contain new smaller features. Minor releases are fully backward-compatible; no developer assistance is expected during update, but you can optionally modify your apps and libraries to begin using new APIs, features, and capabilities that were added in the release. We update peer dependencies in minor versions by expanding the supported versions, but we do not require projects to update these dependencies.

3. Patch releases are low risk, bug fix releases. No developer assistance is expected during update.

License

This project is open source and available under the MIT License.