vue-hot-reload-api | ️ Hot reload API for Vue components | State Container library

siily me. I forgot to actually let the webpack to see the scss file by adding entry to it. and basically just do @import '...' in library-global-styles.scss. But would love to know how to do to break them down depends on file name though...

**** Update ****

So this was a bit of hell. To me this setup is the ideal setup for a small team (1-4). You don't want to deal with npm packaging or creating an additional repo if you already have a parent repo (monolithic) with child projects in it. You want to be able to develop and debug the components right in your projects. Much faster than updating, packaging, sucking into another package. I finally got everything working except the webpack HMR on projects that were consuming the components from the Common folder. here's what ended up working for me:

adding to webpack.config.js above resolve:

Heroku by default has it's Node modules cache enabled. So when you try to make changes to your package.json Heroku does not recognize your changes to the devDependencies. Follow these two steps and you should be able to deploy it:

1. Remove grunt-cli from your devDependencies

2. Run this command to disable cache

   heroku config:set NODE_MODULES_CACHE=false

3. Deploy your code

After switching the machine I was using to Ubuntu 18.04 LTS I am no longer having the problem. I made an issue on the vue-cli repository and it seems like at least one other person is having a similar problem, but with a different environment.

Remove style-loader from your externals and make sure to generate actual css files from your css... otherwise webpack has to insert your styles somehow, right?

To do that use mini-css-extract-plugin.

The problem was a plugin that's not compatible with es2015. before (proberly with vue cli2) webpack was probably configured to transpile all node_modules, which is not necessarily common practice.

in this blog you can read how to publish es6 code to npm

https://xebia.com/blog/publishing-es6-code-to-npm/

Clean the dist and .cache directory in root every time start.

package.json

First way

You can't install package in specific folder like app/components/vue-star-rating without node_modules folder.

You can install package like this:

Okay after spending about a day pulling my hair out, I finally figured out what was going on. The problem ended up being... in my compilation command!!!

Here's what I was doing:

browserify -t vueify -e src/main.js -o build/hello.js

HOWEVER, in the package.json file, I was specifying this: