Questions tagged [brunch]
Brunch is a lightweight build system for web applications.
367
questions
0
votes
0
answers
798
views
Stuck in boot loop when installing chromeOS on Dell XPS 13
I followed this tutorial to install ChromeOS on my dell XPS laptop.
But After installing the ChromeOS I get stuck in a boot loop where I am told 'Loading Brunch Framework...' and then it infinitely ...
3
votes
0
answers
209
views
How to only build JavaScript that is used in my React Web app with Brunch?
I became a maintainer of a React web app that is built with Brunch. I noticed that it loads very slowly in the web browser. I think the slow performance is mostly due to HUGE app.js JavaScript. It's 7 ...
0
votes
1
answer
76
views
How to run Brunch + React on local network
I want share my generated Brunch project on my local network so that I can see how it runs on my mobile devices.
I am trying to do this by running http-server (https://www.npmjs.com/package/http-...
3
votes
0
answers
457
views
Why can't my electron app access the 'fs' module?
I have a relatively simple electron app - brunch, react, redux, electron. I'm now trying to read a json file using the "fs" node module, but it's throwing an error:
TypeError: _fs2.default.readFile ...
1
vote
0
answers
36
views
Brunch doesn't compile uikit js files
I am trying to compile my code using brunch, but the line js/components.js doesn't compile.
I tried changing the path from regex to a normal link, but nothing seems to make my components.js to be ...
1
vote
0
answers
171
views
Brunch build fails with CoffeeScript
I am trying to build using brunch build in my coffee-script project. I am getting an error as below:
Console error:
> test-project@0.0.1 start D:\Data\test project
> brunch build && ...
1
vote
0
answers
9k
views
Require modules from Webpack bundle inside HTML
I'm migrating away from brunch to Webpack (using Laravel Mix) and I'm trying to achieve the same workflow I was using before, which is basically:
Having just two bundles for the whole application: ...
0
votes
1
answer
81
views
Brunch: Replace inline script with "autoRequire" not working
I am trying to remove <script> require('scripts/app').init(); </script> from my front-end templates because internet explorer does not like this line. I see that you can use the "modules....
1
vote
0
answers
141
views
External Js file generated by brunch is not working
I'm having trouble running external js from js file that is compiled by brunch.
My external js code is not invoked by the browser.
The external css compiled by brunch is fine though.
project ...
1
vote
0
answers
147
views
Brunch will not compile manifest sass file when dependent sass file changes
I can't get sass compilation to work correctly. If import a sass file into a manifest sass file and make a change to the imported file, only the imported file compiles. The manifest file does not. If ...
1
vote
0
answers
474
views
reason-react cannot find module bs-platform
Setup
I have an existing elixir/phoenix web app
with a frontend of vanillajs / React (via react-phoenix).
I'm using brunch to bundle everything.
Goal
I want my existing js react components to be ...
0
votes
0
answers
111
views
ubuntu 16 with visual studio code locking every folder when its created
I'm currently trying to get off of Windows and have started doing more Javascript development in visual studio code on a desktop setup running Ubuntu 16. Every time I'm building something with Angular ...
0
votes
1
answer
200
views
How can I explicitly declare a variable of some Phaser type?
I am attempting to use Phaser with Brunch and TypeScript using samme's brunch-phaser2 skeleton, but I am running into a TypeError:
$ git clone https://github.com/samme/brunch-phaser2.git --branch ...
1
vote
1
answer
437
views
Brunch build tool error while building react js
I am getting error while building react component using brunch build.
what is this error about?
error: Compiling of js/assets/jss/material-dashboard-pro-react/views/userProfileStyles.jsx failed. L5:...
0
votes
1
answer
78
views
Brunch + Less + Bootstrap
I'm using Less with Brunch and I can't get my boostrap/font-awesome plugins to work.
My goal is to use Bootstrap and Font-Awesome as a node module.
exports.config = {
// See http://brunch.io/#...
1
vote
0
answers
1k
views
babel-runtime module not found when using material-ui-pickers
i have a react project built using brunch. I am now trying to use material-ui-pickers, by just trying the very first example:
// Imports
/* eslint-disable */
import MuiPickersUtilsProvider from '...
2
votes
1
answer
2k
views
How do I resolve import with absolute path?
What do I need to setup in brunch-config.js to be able to resolve absolute path from project's root folder? i.e
import { helper } from '/imports/utilities/helper'
The reason being is I have a ...
1
vote
0
answers
254
views
Babel Brunch doesn't seems to compile @polymer/lit-element module
I'm trying to integrate Lit-element into brunch. However, it seems like Babel plugin doesn't try to compile the lit-element module into the output, as it still use the original ES6 syntax of import / ...
3
votes
0
answers
599
views
Multiple Django apps with each having a react frontend
I have a Django aplication (+REST framework) with pluggable Django apps (which are discovered using distutils' entry points, and can be developed independetly from each other, and installed via pip). ...
0
votes
2
answers
802
views
SyntaxError when using spread operator in .vue files in Elixir Phoenix 1.3 app
I am trying to build some Vue.js components where I would like to use the spread operator to map some states from Vuex in my Phoenix 1.3 app, but I'm getting some javascript compile errors:
26 | }...
2
votes
0
answers
112
views
Separate tailwind configs in brunch
I want to have two separate CSS files being outputted by Brunch, essentially this:
stylesheets: {
joinTo: {
"css/app.css": "css/user_portal/*.css",
"css/admin/app.css": "css/admin/*.css",
...
1
vote
0
answers
42
views
From webpack to brunch (config files)
I want to use brunch instead of webpack, but couldn't figure out how to create the config for it given my existing webpack config and folder structure.
This is my existing structure. With webpack I ...
4
votes
3
answers
1k
views
Phoenix framework - assets don't update without running mix phx.digest
After changing an asset (a css or js) file I see in the logs that the change was noticed and compiled, and the browser also auto-reloads.
[debug] Live reload: priv/static/js/app.js
10:53:15 - info: ...
3
votes
2
answers
10k
views
Can't seem to get to animate.css
So I did
npm install animate.css --save
Which installed it successfully, I can see it in my node_modules
I want to be able to use animate.css in my elixir-phoenix-react project.
I am just unsure ...
0
votes
1
answer
308
views
Brunch stuck on "Trying to load brunch-config"
Background
I have an elixir/phoenix project, using the default brunch setup (with a couple additions like sass and react).
It has been working great for a while, but today it spontaneously stopped ...
0
votes
1
answer
341
views
How to use brunch with Vue
I'm trying to use brunch with Vue and Django, but I get a blank page and when I try to put breakpoints in my js, I see that it fails on:
import Vue from 'vue/dist/vue.js'
with 'Uncaught SyntaxError:...
2
votes
2
answers
665
views
Add TailwindCSS to Phoenix with Brunch
I'm having trouble figuring out how to add npm packages which are not specifically built to be used with brunch to my elixir/phoenix project.
One thing I don't want to do is manually copy files from ...
0
votes
1
answer
79
views
plyr.js instantiation causing 503 error in production
I'm instantiating plyr.js using their beta (3.0.0) in elixir/phoenix and I'm getting these errors
"Failed to load resource: the server responded with a status of 503 (Service Unavailable)"
This ...
1
vote
1
answer
125
views
Brunch: why it creates sourceMap in production for CSS
I have following configs
package.json
{
"name": "test",
"version": "1.0.0",
"scripts": {
"start": "brunch watch --server",
"prod": "rm -rf public/ && brunch build --production"
...
0
votes
0
answers
41
views
brunch polymer starter kit configuration
Someone can help me to get a brunch configuration working with polymer 2.0 starter kit and it's bower_components dependencies ?
I would like to get a running server with brunch (with browser-sync and ...
3
votes
0
answers
936
views
Django Ajax and net::ERR_CONNECTION_RESET with jquery-file-uploader
I'm trying to integrate jquery-file-uploaded (https://github.com/blueimp/jQuery-File-Upload) into django app. Assembly of JS code is done with brunch.
Sample of the request in the browser
So the ...
1
vote
0
answers
39
views
Can brunch trigger actions upon changes in the watched folder?
I discovered brunch and it may be a good alternative to webpack for my amateur, personal development needs.
I would be interested to trigger an action when the content of the app directory changes, ...
0
votes
1
answer
125
views
Brunch add animate.css
I am new to brunch and just want to add animate.css to one page.
I already installed animate.css via npm and added it to package.json.
My brunch-config looks like this:
module.exports = {
npm: {
...
3
votes
2
answers
421
views
Brunch Not Compiling CSS For VueJS Components in Phoenix 1.3 Project?
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....
1
vote
1
answer
423
views
sass-brunch omits modified SCSS on live-reload
On my Phoenix project, I found a peculiar behavior of sass-brunch.
Here are the short descriptions of my problem:
It generates a correct app.css on the priv/static/css directory when the Phoenix ...
1
vote
1
answer
248
views
Brunch.io with React and Babel Syntax Error
I'm using Brunch.io for the first time to build a new React app.
It all seems to work fine but the moment I try and set state or use an arrow function I get a syntax error. My guess is that I'm ...
1
vote
0
answers
216
views
Brunch including select2 styles
I have this kind of brunch-config.js, with select2@4.0.3 as dependency:
exports.config = {
npm: {
enabled: true,
globals: {
$: 'jquery',
jQuery: 'jquery'
}
},
...
0
votes
1
answer
2k
views
eslint import/no-extraneous-dependencies fails to resolve the depencency
I compiled javascript code into app.js using brunch
eslint gives me the following output, however in my browser everything works perfect.
Error
error: 'frontend' should be listed in the project's ...
1
vote
1
answer
122
views
Understanding different ways of export in Brunch config
So i got this config file:
exports.files = {
javascripts: {
joinTo: {
'vendor.js': /^(?!app)/, // Files that are not in `app` dir.
'app.js': /^app/
}
},
stylesheets: {joinTo:...
0
votes
1
answer
31
views
Browserify plugins in Brunch. Can I use them?
Can I use Browserify plugins in Brunch? And if I can, then how? (For example, Moonify.)
0
votes
0
answers
141
views
How to resolve relative paths in css with Brunch?
For example, I use 3rd party library that has style definition like background: url(img/blue.png) in it's css file. When Brunch concatenates all files together and puts output file to public folder, ...
4
votes
1
answer
793
views
after phoenix 1.3 upgrade app.js are not loaded
I updated my phoenix 1.2 to 1.3 follwing the phoenix upgrade description.
Now assets/js/app.js can't be loaded:
Uncaught Error: Cannot find module 'js/app' from '/'
After debugging the problem, I ...
0
votes
1
answer
257
views
brunch - require function from other file don't work
I'm working in a brunch project.
I have two javascript files, let's say A.js and B.js
A.js:
function replacer(key, value) {
if (typeof value === 'number' && !isFinite(value)) {
...
0
votes
1
answer
25
views
Configuration to add mdl-ext npm package to Phoenix via brunch
Brunch / npm and phoenix confuses the hell out of me. The paucity of concrete examples doesn't help. Maybe this question can shed a little light?
Here's my config at the mo'
npm: {
enabled: true,
...
0
votes
1
answer
4k
views
jQuery.Deferred exception: i is not a function TypeError: i is not a function
I've deployed the carcass of my Phoenix app to Heroku (Link) but have a similar warning and error in the js console:
Warning:
jQuery.Deferred exception: i is not a function TypeError: i is not a
...
0
votes
1
answer
577
views
brunch build --production fails only in production
Out of the blue build script started to fail. No changes in environment or configs at all. Works fine in dev, fails in prod.
Both dev and prod (both Ubuntus):
$ npm -v
5.3.0
$ node -v
v6.11.2
In ...
0
votes
1
answer
374
views
Could not load module 'react/addons'
I have Jest+Enzyme setup to test my React app and I use brunch to build the app. When I run brunch, I got following error
Processing of node_modules/enzyme/build/react-compat.js failed. Error: Could ...
0
votes
1
answer
46
views
Changing brunch's conventions.assets isn't doing what I expect
I've read every bit of documentation I could find on this and I can't figure would what's wrong.
My file structure is like so:
project/
brunch-config.js
node_modules/
...
package.json
...
0
votes
1
answer
386
views
Is it possible to work with vue-loader under brunch?
I'm trying to use vue.js and vue-loader in my Phoenix Framework app with default brunch asset manager. Of course - I can switch to webpack, but I'd like to solve this issue under brunch.
I have ...
0
votes
1
answer
93
views
JS/(X) import: to import React components?
I want to import a React component from a jsx file in a template and render it in the template with ReactDOM. Later in production I would only want to ship react and all the dependencies of the ...