var mainBowerFiles= require('main-bower-files'); var files= mainBowerFiles(); console.log(files); //以下は相対パスで取得する場合 //files= files.map(function(file){return require('path').relative(__dirname,file)})
こんにちは、@yoheiMuneです。 今日はライトなネタですが、Gulpで文字列置換を行う方法をブログに残したいと思います。 目次 Gulpとは Gulpとは、grunt.jsと同様にフロントエンドのビルドツールです。JavaScriptでタスクを定義することができ、JSの結合や圧縮、CSSのプリプロセッサ/ポストプロセッサの実行など様々なことを行うことができます。具体的には、[フロントエンド] nodeモジュール管理がフロントで使えるBrowserifyに入門に書きましたのでそちらもご覧いただけたら幸いです。 Gulpで文字列の置換を行う場合には、gulp-replaceモジュールを用いることで簡単に実現することができます。具体的には以下のように利用します。 まずはモジュールをインストールします。 $ npm install --save-dev gulp-replace 次に、gul
var gulp = require('gulp'); var typescript = require('gulp-typescript'); var concat = require('gulp-concat'); var uglify = require('gulp-uglifyjs'); var runSequence = require('run-sequence'); // 初期化 gulp.task('clean', function (callback) { // 行うタスク処理 // 処理内容は省略 }); // TypeScript コンパイル gulp.task('typescript-compile', function () { // 行うタスク処理 // 処理内容は省略 }); // ファイル結合 gulp.task('concat', function ()
JS、CSS、画像ファイルといった静的ファイルにリビジョンを付与してブラウザのキャッシュ問題を回避する - Gulp で作る Web フロントエンド開発環境 #9 wakamsha 【前置き】ブラウザのキャッシュ問題について Web ページ高速化の手法のひとつに『キャッシュサーバーやブラウザキャッシュを活用する』というのがあります。予めキャッシュ済みの静的ファイル ( 画像、CSS、JS など ) をキャッシュサーバーから高速で返したり、Web ブラウザ自身でキャッシュしておいたものを即座に表示・実行するというもので、サーバー負荷の軽減やスピードアップによる快適なユーザー体験の提供といった効果が見込めます。これだけ聞くと良いことずくめのように思えますが、時にはそれが足かせになることもあります。 Web サイトリリース後に CSS や JS に何らかの不具合が見つかり、その修正版を本番サーバ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く