Skip to content
This repository has been archived by the owner on Mar 26, 2018. It is now read-only.

Commit

Permalink
Make grunt play nice with external bower_components
Browse files Browse the repository at this point in the history
  • Loading branch information
@robdodson
robdodson committed Feb 7, 2015
1 parent afcda33 commit 6458a4d
Show file tree
Hide file tree
Showing 5 changed files with 44 additions and 41 deletions.
51 changes: 27 additions & 24 deletions app/templates/Gruntfile.js
View file
Expand Up @@ -121,11 +121,12 @@ module.exports = function (grunt) {
},
livereload: {
options: {
middleware: function () {
middleware: function (connect) {
return [
lrSnippet,
mountFolder('.tmp'),
mountFolder(yeomanConfig.app)
connect.static('.tmp'),
connect.static(yeomanConfig.app),
connect().use('/bower_components', connect.static('./bower_components'))
];
}
}
Expand All @@ -135,20 +136,22 @@ module.exports = function (grunt) {
open: {
target: 'http://localhost:<%%= connect.options.port %>/test'
},
middleware: function () {
middleware: function (connect) {
return [
mountFolder('.tmp'),
mountFolder(yeomanConfig.app)
connect.static('.tmp'),
connect.static('test'),
connect.static(yeomanConfig.app),
connect().use('/bower_components', connect.static('./bower_components'))
];
},
keepalive: true
}
},
dist: {
options: {
middleware: function () {
middleware: function (connect) {
return [
mountFolder(yeomanConfig.dist)
connect.static(yeomanConfig.dist)
];
}
}
Expand Down Expand Up @@ -184,20 +187,15 @@ module.exports = function (grunt) {
html: ['<%%= yeoman.dist %>/{,*/}*.html'],
css: ['<%%= yeoman.dist %>/styles/{,*/}*.css'],
options: {
dirs: ['<%%= yeoman.dist %>'],
blockReplacements: {
vulcanized: function (block) {
return '<link rel="import" href="' + block.dest + '">';
}
}
dirs: ['<%%= yeoman.dist %>']
}
},
replace: {
dist: {
options: {
patterns: [{
match: /elements\/elements\.html/g,
replacement: 'elements/elements.vulcanized.html'
match: /\/elements\/elements\.html/g,
replacement: '/elements/elements.vulcanized.html'
}]
},
files: {
Expand Down Expand Up @@ -264,17 +262,22 @@ module.exports = function (grunt) {
files: [{
expand: true,
dot: true,
cwd: '<%%= yeoman.app %>',
dest: '<%%= yeoman.dist %>',
src: [
'<%%= yeoman.app %>/*.{ico,txt}',
'<%%= yeoman.app %>/.htaccess',
'<%%= yeoman.app %>/*.html',
'<%%= yeoman.app %>/elements/**',<% if (includeSass) { %>
'<%%= yeoman.app %>/!elements/**/*.scss',<% } else { %>
'<%%= yeoman.app %>/!elements/**/*.css',<% } %>
'<%%= yeoman.app %>/images/{,*/}*.{webp,gif}',
'bower_components/**'
'*.{ico,txt}',
'.htaccess',
'*.html',
'elements/**',<% if (includeSass) { %>
'!elements/**/*.scss',<% } else { %>
'!elements/**/*.css',<% } %>
'images/{,*/}*.{webp,gif}'
]
}, {
expand: true,
dot: true,
dest: '<%%= yeoman.dist %>',
src: ['bower_components/**']
}]
},
styles: {
Expand Down
14 changes: 7 additions & 7 deletions app/templates/app/elements.html
View file
@@ -1,10 +1,10 @@
<link rel="import" href="../bower_components/core-drawer-panel/core-drawer-panel.html">
<link rel="import" href="../bower_components/core-header-panel/core-header-panel.html">
<link rel="import" href="../bower_components/core-toolbar/core-toolbar.html">
<link rel="import" href="../bower_components/core-icons/core-icons.html">
<link rel="import" href="../bower_components/paper-icon-button/paper-icon-button.html">
<link rel="import" href="../bower_components/core-menu/core-menu.html">
<link rel="import" href="../bower_components/core-item/core-item.html">
<link rel="import" href="../../bower_components/core-drawer-panel/core-drawer-panel.html">
<link rel="import" href="../../bower_components/core-header-panel/core-header-panel.html">
<link rel="import" href="../../bower_components/core-toolbar/core-toolbar.html">
<link rel="import" href="../../bower_components/core-icons/core-icons.html">
<link rel="import" href="../../bower_components/paper-icon-button/paper-icon-button.html">
<link rel="import" href="../../bower_components/core-menu/core-menu.html">
<link rel="import" href="../../bower_components/core-item/core-item.html">
<link rel="import" href="yo-list/yo-list.html">
<link rel="import" href="yo-greeting/yo-greeting.html">

Expand Down
16 changes: 8 additions & 8 deletions app/templates/app/index.html
View file
Expand Up @@ -8,16 +8,16 @@
<title>poly foo</title>
<!-- Place favicon.ico and apple-touch-icon.png in the root directory -->

<!-- build:css styles/main.css -->
<link rel="stylesheet" href="styles/main.css">
<!-- build:css /styles/main.css -->
<link rel="stylesheet" href="/styles/main.css">
<!-- endbuild-->

<!-- build:js bower_components/webcomponentsjs/webcomponents.min.js -->
<script src="bower_components/webcomponentsjs/webcomponents.js"></script>
<!-- build:js /bower_components/webcomponentsjs/webcomponents.min.js -->
<script src="/bower_components/webcomponentsjs/webcomponents.js"></script>
<!-- endbuild -->

<!-- will be replaced with elements/elements.vulcanized.html -->
<link rel="import" href="elements/elements.html">
<!-- will be replaced with /elements/elements.vulcanized.html -->
<link rel="import" href="/elements/elements.html">
<!-- endreplace-->
</head>

Expand Down Expand Up @@ -61,8 +61,8 @@

</template>

<!-- build:js scripts/app.js -->
<script src="scripts/app.js"></script>
<!-- build:js /scripts/app.js -->
<script src="/scripts/app.js"></script>
<!-- endbuild-->
</body>

Expand Down
2 changes: 1 addition & 1 deletion app/templates/app/yo-greeting.html
View file
@@ -1,4 +1,4 @@
<link rel="import" href="../../bower_components/polymer/polymer.html">
<link rel="import" href="../../../bower_components/polymer/polymer.html">

<polymer-element name="yo-greeting" attributes="">
<template>
Expand Down
2 changes: 1 addition & 1 deletion app/templates/app/yo-list.html
View file
@@ -1,4 +1,4 @@
<link rel="import" href="../../bower_components/polymer/polymer.html">
<link rel="import" href="../../../bower_components/polymer/polymer.html">

<polymer-element name="yo-list" attributes="">
<template>
Expand Down

0 comments on commit 6458a4d

Please sign in to comment.