zc-tester

simple js, css, html file tester

zc-tester Build Status npm version npm

simple js, css, html file tester cli via webpack2, webpack-dev-middleware

Features

  • install and using without any config you should write
  • once installation, using forever
  • support css, sass, scss, less, js, jsx
  • support dev mode and prod mode
  • support dev-middleware and dev-server
  • auto provide jquery using webpack.ProvidePlugin
  • resolve your entries files by globby

Install

# global install
$ yarn globall add zc-tester
# or using npm
$ npm i -g zc-tester
# or install for some project
$ yarn add zc-tester --dev

Usage

zc-tester <entry files> [options]

Note: just add your entry files here not all libs you used!!!

  • simple: bash $ zc-tester src/index.js

  • multi entries

    # support all patterns [globby](https://github.com/sindresorhus/globby) support
    $ zc-tester src/* # all the files in src will be parsed as entries
    
  • with your own html file

    # will using the first html file you input, using default html if none
    $ zc-tester src/index.js index.html
    

Options

  • --prod, -p change service port, default is 4000
  • --devServer using webpack-dev-server, default is express and webpack-dev-middleware
  • --es using babel-loader parsing jsx? files, but webpack2 can parse es6 file by defaut, so this is a deprecated option

Filter

defaut filter for your entry files

  • ignore all the folder
  • only files end with one of this extensions ['.js', '.jsx', '.es6', '.css', '.less', '.sass', '.scss'] can passe

Loaders

  • style-loader, css-loader: test: /\.css$/
  • style-loader, css-loader, less-loader: test: /\.less$/
  • style-loader, css-loader, sass-loader: test: /\.(sass|scss)$/
  • file-loader: /\.(ico|jpg|png|gif|eot|otf|webp|ttf|woff|woff2|svg)(\?.*)?$/

Related Repositories

zc-tester

zc-tester

simple js, css, html file tester ...