メモ

1430 ワード
テキストリンク
  • ターミナル全駅設置Gulp
    • npm install gulp-cli -g
    *インストールエラー
    sudo npm install gulp-cli -g
  • プロジェクトフォルダの
    • npm init
    +結果パッケージ.jsonが生成されました
  • プロジェクトフォルダにgulp
    • をインストールする
    npm install gulp -D
    +結果node modules,package-lock.jsonが生成されました
    gulpfileは
  • プロジェクトフォルダにあります.jsファイル
    • の作成
    touch gulpfile.js
  • gulpfile.jsファイル
    • にコンテンツを追加
    var gulp = require('gulp');
var sass = require('gulp-sass');

gulp.task('sass', function () {
	return gulp.src('./sass/*.scss')
    .pipe(sass().on('error', sass.logError))
    .pipe(gulp.dest('./csss'));
});

gulp.task('run', ['sass', 'css']);

gulp.task('wathch', function (){
	gulp.watch('./sass/**/*.scss', ['sass']);
    gulp.watch('./css/**/*.css', ['css']);
});

gulp.task('default', ['run','watch']);
  • gulp-sass取付
    • npm install gulp-sass --save-dev
  • ターミナル
    • gulp sass
    +結果CSSフォルダにあります.cssファイルが作成されました
    var uglifycss = require('gulp-uglifycss');

gulp.task('css', function (){
	gulp.src('./css/*.css')
    .pipe(uglifycss({
    "maxLineLen" : 80,
    "uglyComments":true
    }))
    .pipe(gulp.dest('./dist/'));
});
    [開発ログ8日目]フラスコアプリケーションへのデータベースのバインド
    JTableの列幅の設定