vue-brunch | Adds support to Brunch for pre-compiling single file Vue | Frontend Framework library
kandi X-RAY | vue-brunch Summary
kandi X-RAY | vue-brunch Summary
Adds support to Brunch for pre-compiling single file Vue components.
Support
Quality
Security
License
Reuse
Top functions reviewed by kandi - BETA
Currently covering the most popular Java, JavaScript and Python libraries. See a Sample of vue-brunch
vue-brunch Key Features
vue-brunch Examples and Code Snippets
Community Discussions
Trending Discussions on vue-brunch
QUESTION
I’m having trouble getting Brunch to build VueJS components after moving to Phoenix 1.3.
I’ve generated a new project.
I’ve installed vue-brunch integration using NPM: (Found here: https://github.com/nblackburn/vue-brunch.git”
I’ve updated the brunch-config.js to build Vue components like so (I tried both paths to components.css):
...ANSWER
Answered 2017-Nov-20 at 10:46I'm assuming your brunch-config.js
is in the assets
folder, this means that the priv
folder is one level above the config file. Change the vue configuration to the following:
QUESTION
I was trying out Vue, first with Webpack, it worked smoothly, so now I'm trying to integrate it with Brunch since it is what Phoenix uses but I get this mysterious error:
Cannot find module 'babel-runtime/core-js/json/stringify'
I tried to copy all babel related dependencies from my original Webpack project's package.json
but I still get the same error and I have no idea why.
I tried using yarn, tried removing node_modules
and then reinstalling, tried different versions of babel-runtime to no avail.
My current package.json looks like this:
ANSWER
Answered 2017-Oct-16 at 15:47From what I've gathered this has to do with how brunch loads it modules. Your entry file needs to 'bootstrap' all the other modules it will use.
Try adding this line to your entry file
import 'babel-runtime/core-js/json/stringify';
You will likely also need to require other modules you'll need in your app from the main file as well, you don't need to use them in the main file but in order to require them in a component or another file that isn't your main one you need to do this 'bootstrapping.'
Community Discussions, Code Snippets contain sources that include Stack Exchange Network
Vulnerabilities
No vulnerabilities reported
Install vue-brunch
Support
Reuse Trending Solutions
Find, review, and download reusable Libraries, Code Snippets, Cloud APIs from over 650 million Knowledge Items
Find more librariesStay Updated
Subscribe to our newsletter for trending solutions and developer bootcamps
Share this Page