brunch/brunch

Fast front-end web app build tool with simple declarative config, seamless incremental compilation for rapid development, an opinionated pipeline and workflow, and core support for source maps.

Yves Lange

@yveslange

:+1:

Casey Chow

@casey-chow

i'm about to open an issue but wanted to sanity check that there isn't yet an accepted way to do this--I'm trying to use Bootstrap 4 in a project, but need dropdowns using Popper.js

so this rquires exposing a property of the popper.js module as a global, which if i'm not mistaken is not supported in the npm globals object?

Michael Solovyov

@msolovyov

Since vue-brunch is no longer maintained, are there any plans to include similar functionality natively in brunch to configure compilation of components (.vue files)? Or is there a way to do this already?

Aleksey Shvayka

@shvaikalesh

@msolovyov There are plans to simplify creating component compilers: allow compile to return multiple files.

Michael Solovyov

@msolovyov

Cool thanks @shvaikalesh

Curtis Maloney

@funkybob

morning, all... just getting started with vue and brunch... can't seem to get any scss action :/

have used this skeleton: https://github.com/tomquirk/brunch-vue-barebones

added a main.scss file... and no output... added the following to config, still now output:

stylesheets: {
  joinTo: 'app.css'
}

oh.. duh... thought that skeleton included the brunch sass plugin

Curtis Maloney

@funkybob

well, making progress

but now I get

Error: File to import not found or unreadable: utilities/_all

when I try to import from within a vue component 's style block

Dave Kushner

@dkushner

In my brunch project, my code currently imports and relies on an npm package that in turn, attempts to import '*.html' files as packages (expecting functionality like https://github.com/webpack-contrib/html-loader). Is an equivalent behaviour possible with brunch such that it does not error when attempting to import these files?

आदित्य शर्मा

@aadii104

Hey guys,
please clear a point, I came through a point that brunch bundel size is 20-40% smaller than webpack.
please tell me the reason to make it more clear

Constantin Angheloiu

@cmnstmntmn

hei

Constantin Angheloiu

@cmnstmntmn

i'm trying to create 2 builds (separate files); first starRatingComponent.js and the second one is myAppHavingAstarRatingComponent.js

can't manage to do this

Constantin Angheloiu

@cmnstmntmn

hei there

anyone around?

Constantin Angheloiu

@cmnstmntmn

hey?

Constantin Angheloiu

@cmnstmntmn

i cannot manage to export separated modules by not including them in the app

Brock Atkinson

@BrockAtkinson

hello @cmnstmntmn, the brunch config file uses regular expressions for picking files

you will have to write a regular expression and subsequent file output for each output you want

Constantin Angheloiu

@cmnstmntmn

@BrockAtkinson ty, i managed to do it in the end ;)

Brock Atkinson

@BrockAtkinson

yes regex is confusing at first, but once you get it, it's elegant

woodsongem

@woodsongem

Hi Everyone. i am in phoenix and trying to config materializecss font using brunch.config and it's not working

iused copycat as well

any help is appreciated

Brock Atkinson

@BrockAtkinson

can you copy-paste your copycat section in your config file?

it worked for me last time I did it but at first I wrote the files in the wrong way

I think it's { destination: sourceFile } rather than the other way round

Niklas Mollenhauer

@nikeee

Hi,

I'm trying to use the monaco-editor (https://github.com/Microsoft/monaco-editor) together with brunch. However, I cannot get it to work. Monaco comes with his own loader, which seems like AMD. I'm also using the brunch-typescriptplugin. The main app.ts file does not seem to find the monaco editor (at compiletime and runtime). I've tried installing monaco via npm and using copycat to copy all the files in the node_modules/monaco-editor/min/vs folder to the public directory. How do I need to configure brunch to get this working?

Niklas Mollenhauer

@nikeee

I got it working by using this: https://github.com/timkendrick/monaco-editor

jrspitz

@jrspitz

I've got the error: "Cannot find module 'babel-runtime/core-js/set'"

It seems like I shouldn't be getting that error with the following in my configuration:
plugins: {
babel: {
presets: ['es2015'],
plugins: ['transform-runtime']
}
}

wfd2018

@wfd2018

Hi all, I have this obstacle when I enter 'brunch build': the directory does not seem to be a brunch project. SAFE LINK to my code. I used brunch a few days ago on another project and no problems.
https://my.pcloud.com/publink/show?code=XZWlVD7ZA7bqONigxhpFyjlvJgdowXbEMA5X

darkfrizzy

@darkfrizzy

how tf do i build with this shit?

Gus Diaz

@GusDiaz

@darkfrizzy Brunch is a NodeJs package. There are some skeletons to build web sites static or dynamic. You choose the skeleton which suits to you or if you prefer you can start from scratch and mix the languages of your choice. Visit https://brunch.io for more information.

*dynamic for client side JavaScript

Brock Atkinson

@BrockAtkinson

@darkfrizzy once your brunch-config file is setup it's super simple, just two commands:

npm i -g brunch

brunch w -s

if you're looking for a zero config build tool, consider the parcel package, it's nice but not as robust/powerful as brunch

Gus Diaz

@GusDiaz

@BrockAtkinson good answer

Juan Gauna

@jgauna

hey, i'm having some issues with brunch for production.

The plugin uglify-js-brunch shows the error:

error: L16955:21 SyntaxError: Unexpected token: operator (>)

And the imagemin-brunch shows the error:

error: Image minification failed due to First argument must be a string, Buffer, ArrayBuffer, Array, or array-like object.

And if I remove these plugins everything works fine but I won't have the uglify and the img optimization. Can't find any others plugins

that's all the information I have, no error stack or any other luck with google search

Juan Gauna

@jgauna

no one?

Brock Atkinson

@BrockAtkinson

@jgauna have you tried using an earlier version?

Where communities thrive

People

Repo info

Activity