WordPress.org
Get WordPress

Plugin Directory

Changeset 1599677


Ignore:
Timestamp:
02/20/2017 11:18:16 AM (9 years ago)
Author:
jepser
Message:

Add styles to gulpfile

Location:
typeform/trunk
Files:
2 edited

Legend:

Unmodified
Added
Removed

  • typeform/trunk/Gulpfile.js

    r1599674 r1599677  
    44const _ = require('lodash')
    55const gulp = require('gulp')
     6
     7const sass = require('gulp-sass')
     8const cssnano = require('gulp-cssnano')
     9const autoprefixer = require('gulp-autoprefixer')
     10
    611const rollup = require('rollup').rollup
     12const watch = require('rollup-watch')
    713const commonjs = require('rollup-plugin-commonjs')
    814const nodeResolve = require('rollup-plugin-node-resolve')
    915const babel = require('rollup-plugin-babel')
    1016const uglify = require('rollup-plugin-uglify')
     17
    1118const replace = require('rollup-plugin-replace')
    12 
    13 // faster builds
    14 require('rollup-watch')
    1519
    1620const args = process.argv
    … …  
    2327  }, {})
    2428
    25 const SRC = './src/js/index.js'
    26 const DEST = './assets/js/'
     29const SRC = './src/'
     30const DEST = './assets'
    2731
    2832let cache
    … …  
    3034function buildApplication () {
    3135  return rollup({
    32     entry: SRC,
     36    entry: `${SRC}/js/index.js`,
    3337    cache: cache,
    3438    plugins: [
    … …  
    4246        include: 'node_modules/**',
    4347        namedExports: {
    44           'node_modules/react/react.js': ['PropTypes', 'createElement', 'Component']
     48          'node_modules/react/react.js': ['PropTypes', 'createElement', 'Component'],
    4549        },
    4650      }),
    4751      replace({
    48         'process.env.NODE_ENV': JSON.stringify('production')
     52        'process.env.NODE_ENV': JSON.stringify('production'),
    4953      }),
    5054      uglify(),
    … …  
    5559    return bundle.write({
    5660      format: 'iife',
    57       dest: DEST + 'main.js'
     61      dest: `${DEST}/js/typeform-tinymce.js`,
    5862    })
    5963  }).then(() => {
    … …  
    6468}
    6569
     70function buildStyles () {
     71  return gulp.src(`${SRC}/sass/main.scss`)
     72    .pipe(sass().on('error', sass.logError))
     73    .pipe(autoprefixer({
     74      browsers: ['> 10%'],
     75      cascade: false,
     76    }))
     77    .pipe(cssnano())
     78    .pipe(gulp.dest(`${DEST}/css/`))
     79}
     80
    6681const copyAssets = () => {
    67   if (!args.copyPath) return;
    68   console.log(path.resolve('assets/**/*'))
     82  if (!args.copyPath) return
    6983  gulp.src([ path.resolve('assets/**/*') ])
    7084    .pipe(gulp.dest(`${args.copyPath}/assets`))
    71   console.log(`Copied to ${args.copyPath}`)
    7285}
    7386
    7487const watchFiles = () => {
    75   return gulp.watch('./src/js/**.{js,jsx}', ['default'])
     88  gulp.watch('./src/js/**.{js,jsx}', ['scripts'])
     89  gulp.watch('./src/sass/**.scss', ['styles', 'copy-to-blog'])
    7690}
    7791
    78 gulp.task('default', buildApplication)
     92gulp.task('default', ['scripts', 'styles', 'copy-to-blog'])
     93gulp.task('scripts', buildApplication)
     94gulp.task('styles', buildStyles)
    7995gulp.task('watch', watchFiles)
    8096gulp.task('copy-to-blog', copyAssets)

  • typeform/trunk/package.json

    r1599674 r1599677  
    1010    "eslint-plugin-standard": "^2.0.1",
    1111    "gulp": "^3.9.1",
     12    "gulp-autoprefixer": "^3.1.1",
     13    "gulp-cssnano": "^2.1.2",
     14    "gulp-sass": "^3.1.0",
    1215    "lodash": "^4.17.4",
     16    "qs": "^6.3.0",
    1317    "react": "^15.4.2",
    1418    "react-dom": "^15.4.2",
Note: See TracChangeset for help on using the changeset viewer.