@vessp/smith v1.0.3

@vessp/smith

Installation

npm install -D @vessp/smith

Usage

package.json

  "scripts": {
    "start": "nodemon build.js -dev --watch build.js",
    "build": "node build.js"
  }

build.js

(async () => {
  const PATH = require('path')
  const isDev = process.argv.includes('-dev')

  const smith = require('@vessp/smith')({
    watch: isDev,
    srcDir: PATH.join(__dirname, 'src'),
    distDir: PATH.join(__dirname, 'dist'),

    banner: async () => ``
      + `[${process.env.npm_package_name}]`
      + `[${process.env.npm_package_version}]`
      + `[${await smith.getGitCommit()}]`
      + `[${smith.nowTs()}]`,

    define: {
      'process.env.NODE_ENV': `'${isDev ? 'development' : 'production' }'`,
    },

    alias: {
      core: PATH.resolve(__dirname, 'src', 'core'),
      components: PATH.resolve(__dirname, 'src', 'components'),
      styles: PATH.join(__dirname, 'src', 'styles'),
    },
  })

  if(isDev) smith.clearTerminal()
  console.log(`----------------[ ${process.env.npm_package_name} build.js ]-------------------`)
  await smith.cleanDist()

  await smith.bundle({
    tag: 'bundle',
    srcPath: './App.jsx',
    distPath: './bundle.js',
    assets: {
      'scss': './styles.css',
      '(woff|woff2|otf)': ({ name }) => `./fonts/${name}`,
      '(jpg|jpeg|png)': ({ name }) => `./img/${name}`,
      'svg': 'inline',
    },
    define: {
      'process.env.__b': `'pass'`,
    },
  })

  await smith.ejs({
    tag: 'index',
    srcPath: './index.ejs',
    distPath: './index.html',
    locals: async () => ({
      STYLES_HREF: '/styles.css',
      BUNDLE_HREF: '/bundle.js',
      SEED_JS: await smith.babelify({ srcPath: './seed.js' }),
      SPLASH_CSS: await smith.scssify({ srcPath: './styles/splash.scss' }),
      WIDGET_JS: '/widget.js',
      WIDGET_CSS: '/widget.css',
    }),
    watchFiles: [
      smith.srcPath('./seed.js'),
      smith.srcPath('./styles/splash.scss'),
    ],
  }) 

  await smith({
    tag: 'ssi1',
    srcPath: './header.ejs',
    distPath: './common/header.html',
  })

  await smith({
    tag: 'ssi2',
    srcPath: './header2.ejs',
    distPath: './common/header2.html',
  })

  await smith({
    tag: 'mock',
    srcPath: '../mock/foo.json',
    distPath: './foo.json',
    transformer: (text) => {
      const json = JSON.parse(text)
      json['foo'] = 'custom transformer'
      return JSON.stringify(json)
    },
  })

  await smith({
    tag: 'inline',
    code: JSON.stringify({ foo: 'inline code' }),
    distPath: './inlinefoo.json',
  })

  await smith.scss({
    tag: 'widget',
    srcPath: './styles/widget.scss',
    distPath: './widget.css',
  })

  await smith.js({
    tag: 'widget',
    srcPath: './widget.js',
    distPath: './widget.js',
  })

  if(isDev) {
    const { app } = await smith.serve({ port: 8080 })
    app.use('/mock', require('express').static(PATH.join(__dirname, 'mock')))
  }
})()