gulp-ng2-relative-path
v0.1.4
Published
Gulp plugin to support relative paths in Angular2 for templates and styles.
Downloads
21
Maintainers
Readme
gulp-ng2-relative-path
Use relative paths within Angular2 components for templateUrl
and styleUrls
.
This package is based on the work of gulp-inline-ng2-template.
Installation
npm install --save-dev gulp-ng2-relative-path
Configurations
var defaults = {
base: './', // Source base folder
appBase: '/', // Angular app base folder
templateExtension: '.html', // Template file extension
processTemplatePaths: true, // Enable or disable template paths processing
processStylePaths: true, // Enable or disable style paths processing
modifyPath: false, // Function to additionally modify all file paths
modifyTemplatePath: false, // Function to modify only template paths
modifyStylePath: false // Function to modify only style paths
};
Example Usage
var ng2RelativePath = require('gulp-ng2-relative-path');
var result = gulp.src('./src/ts/**/*.ts')
.pipe(ng2RelativePath({
base: './src/ts',
appBase: '/app',
modifyStylePath: function (path) {
return path.replace('.less', '.css');
}
}))
.pipe(tsc());
return result.js
.pipe(gulp.dest('./dist/app'));