package_test_ads v1.0.2

vue_experiments

Style guide full of SASS components build with for Vue.js

Build Setup

# install dependencies
npm install

# serve with hot reload at localhost:8080
npm run dev

# build for production with minification
npm run build

# build for production and view the bundle analyzer report
npm run build --report

# publishing to github pages
npm run publish

Detailed explanation on Publishing to Github pages

exec("npm run build");
exec("cp 404.html build")
exec("git checkout -B gh-pages");
exec("git add -f build");
exec("git commit -a  -m 'rebuild-website'");
exec("git filter-branch -f --prune-empty --subdirectory-filter build");
exec("git push -f origin gh-pages");
exec("git checkout -");

Publishing npm package

# This will build the files to be included in the package
npm run mixins

# Navigate to folder where all package contents are built
cd package

# Update the version
npm version <major.minor.version>

# Make it available to all
npm publish

Package can then be installed on other machines with:

npm install ads_mixer

Creating npm package

#Start in a folder where all required files for the package will be

#Walk through the steps presented in this command
npm init

#Make sure you are publishing under the correct npm account
npm whoami

#If you don't have an account you can create one with:
npm adduser

#Put packages up on npm
npm publish

Troubleshooting

If you attempt to publish and recive a 'You do not have permission to publish' error you most likely do not have a unique package name.

For detailed explanation on how things work with Vue.js, checkout the guide and docs for vue-loader.

References

Working with (submodules)https://github.com/blog/2104-working-with-submodules