hello, had a question. I am playing with the cli to generate a site (grunt/bootstrap) but it doesn't seem to be including the bootstrap javascript. Is there a suggested practice here? I tried adding to Grunt-Sync Helper (similar to how highlight.pack.js is added), but it fails due to Jquery dependency.
when i say fail, I mean I add it to the footer code and it loads, but i requires Jquery so bootstrap throws a console error.
This message was deleted
An example for your main.js could be:
// import '../bower-components/jquery/dist/jquery.js'
// import '../bower-components/bootstrap/my-boostrap-plugn.js'
sry my chat program deletes the last comment. So here again.
Just use
It is a simple solution to merge your JS files in one place.
If you want to install it into your current project, just install the module with
Just use
grunt-includeswhich Veams already provides.It is a simple solution to merge your JS files in one place.
If you want to install it into your current project, just install the module with
veams install gm.
Then add the includetask to your build tasks (server, build) in your Gruntfile.js and create a separate watch task for the includes.
When this is too much work for you, then just setup a new project with grunt-includes checked!
Here the link to a short description: http://www.veams.org/veams-cli/project/grunt-plugins.html#grunt-includes-files-plugin-
Cool :)
v1.2.19
Hi zusammen,
ich habe nun ein Projekt von Uwe übernommen, welches auf Veams basiert und es funktioniert bei mir soweit alles wunderbar.
Ich habe zwei Fragen:
Im Projekt wird bspw. die Komponente c-fieldset-item genutzt.
- Wo finde ich eine Übersicht dieser Komponenten?
- Gibt es eine derartige Komponente für Dropdowns?
@Sebastian-Fitzner Hallo Sebastian. Ich fange jetzt mein erstes richtiges VEAMS-Projekt an. Das Setup habe ich selbst nicht durchgeführt.
Mir fiel auf, dass es im Projekt keine "page-components.hbs"-Seite gab und habe sie kurze Hand einfach mit dem Platzhalter
Erzeuge ich nun eine Veams-Komponente wird sie allerdings dort nicht hinzugefügt. Muss ich noch an einer anderen Stelle etwas konfigurieren?
Mir fiel auf, dass es im Projekt keine "page-components.hbs"-Seite gab und habe sie kurze Hand einfach mit dem Platzhalter
{{! @INSERTPOINT :: @ref: component-partial }} angelegt.Erzeuge ich nun eine Veams-Komponente wird sie allerdings dort nicht hinzugefügt. Muss ich noch an einer anderen Stelle etwas konfigurieren?
?
und config.js
scheint mir so, also ob veams beim installieren nicht ausgewählt wurde
{
"generator-veams": {
"projectName": "aok-fami-fb",
"projectAuthor": "Janko Hofmann",
"taskRunner": [
"grunt"
],
"templateEngine": "assemble",
"mangonyExpress": false,
"installExtendedLayout": false,
"installPlugin": false,
"gulpModules": [],
"gruntModules": [
"grunt-autoprefixer",
"grunt-browser-sync",
"grunt-browserify",
"grunt-combine-mq",
"grunt-contrib-uglify",
"grunt-grunticon",
"grunt-svgmin",
"grunt-version",
"grunt-contrib-handlebars",
"grunt-browserify",
"grunt-contrib-uglify"
],
"features": [
"createDevFolder"
],
"jsLibs": [
],
"cssLibs": [
],
"testAndQA": false,
"testAndQALibs": [],
"veamsPackages": [
"veamsMethodology",
"veamsSCSS",
"veamsJS"
],
"docs": []
}
}
"generator-veams": {
"projectName": "aok-fami-fb",
"projectAuthor": "Janko Hofmann",
"taskRunner": [
"grunt"
],
"templateEngine": "assemble",
"mangonyExpress": false,
"installExtendedLayout": false,
"installPlugin": false,
"gulpModules": [],
"gruntModules": [
"grunt-autoprefixer",
"grunt-browser-sync",
"grunt-browserify",
"grunt-combine-mq",
"grunt-contrib-uglify",
"grunt-grunticon",
"grunt-svgmin",
"grunt-version",
"grunt-contrib-handlebars",
"grunt-browserify",
"grunt-contrib-uglify"
],
"features": [
"createDevFolder"
],
"jsLibs": [
],
"cssLibs": [
],
"testAndQA": false,
"testAndQALibs": [],
"veamsPackages": [
"veamsMethodology",
"veamsSCSS",
"veamsJS"
],
"docs": []
}
}
Wo ist die config.js?
die config liegt hier: helpers/config.js
````
* Configuration file
*/
var helperPath = 'helpers';
var srcPath = 'resources';
var partialsPath = srcPath + '/templating/partials';
var config = module.exports;
config.options = {
config: {
// in this directory you can find your grunt config tasks
src: helperPath + '/_grunt/*.js'
},
paths: {
// tasks folder with gulp tasks
// helpers folder with tasks
helpers: helperPath,
// resources folder with working files
src: srcPath,
// partials path for wrapWith hbs helper
partials: partialsPath,
// dev/working folder
dev: '_output',
// dist folder with minified and optimized files
dist: '_dist',
// Veams config paths
page: srcPath + '/templating/pages',
global: partialsPath + '/globals',
block: partialsPath + '/blocks',
component: partialsPath + '/components',
utility: partialsPath + '/utilities',
scss: srcPath + '/scss',
js: srcPath + '/js',
endpoints: [
'resources/templating/layouts',
'resources/templating/pages',
'resources/js/main.js',
'resources/js/utils/events.js',
'resources/scss/styles.scss'
]
},
// define your ports for livereload
ports: {
app: 3000,
test: 3001,
livereload: 35731
}
};
dann komme ich einfach mal rum
oder habt ihr was von der verzeichnis-struktur geändert
?
wieviel ist denn schon gemacht an dem projekt?
dann danach
sag bescheid
