Giter Club home page Giter Club logo

pipflow's Introduction

pipflow-CLI 🥤

version Codecov release node.js license

A command-line tool based on Gulp, designed to simplify the front-end development workflow.

  • 📦 Out-of-the-box
  • 🚀 Efficient and fast
  • 🎨 Feature-rich
  • 🛠 Configurable Processes
  • 🔗 Scalable
  • 🏳️‍🌈 Multi-environment support

pipflow provides a set of out-of-the-box Gulp tasks and features, allowing developers to quickly start the development of frontend projects without the need to configure from scratch.

With pipflow, developers can focus on coding without wasting time on repetitive build configurations. It uses simple commands to complete complex front-end builds and standardizes the build process, greatly improving consistency and efficiency across projects.

pipflow 是一个基于gulp工作流的前端构建工具,旨在简化前端开发流程。它提供了一组开箱即用的Gulp任务和功能,让开发者能够立即启动前端项目的开发,无需从零开始配置。

Getting Started

1. Install

npm install -g @pipflow/cli
# OR
yarn global add @pipflow/cli

2. Create a project

pipflow create my-project
# OR
pw create my-project

3. Build project

pipflow build
# OR
pw build

pw is an acronym for the pipflow command, a combination of the first and last letters of pipflow.

Documents 📚

Read the Docs to Learn More.

Packages

Package Version (click for changelogs)
pipflow pipflow version
@pipflow/cli CLI version
@pipflow/core core version
@pipflow/utils utils version

Changelog

Changelog

License

MIT.

Thanks

Vue-cli , Vite.js

pipflow's People

Contributors

meqn avatar

Stargazers

 avatar

Watchers

 avatar

pipflow's Issues

CLI 运行时报错

Existing Issue

  • I have searched the existing issues

Configuration

const { defineConfig } = require('pipflow')
module.exports = defineConfig({
  base: './src',
  publicDir: 'public',
  build: {
    fileHash: process.env.NODE_ENV === 'production',
    sourcemap: process.env.NODE_ENV === 'production',
    minify: process.env.NODE_ENV === 'production',
    imageMinify: false
  },
  tasks: [
    {
      type: 'html',
      input: './src/**/*.{html,htm,art}',
      watch: true,
      compiler: 'artTemplate',
      compilerOptions: {
        data: {
          title: 'pipflow',
          description: 'A web developer workflow based on Gulp.'
        }
      }
    },
    {
      type: 'script',
      input: './src/scripts/**/*.{js,mjs}',
      watch: true,
      compiler: 'babel'
    },
    {
      type: 'style',
      input: './src/styles/**/*.{css,sass,scss}',
      watch: true,
      compiler: 'sass'
    },
    {
      type: 'static',
      input: './src/assets/**',
      watch: true
    }
  ]
})

Environment

Environment Info:

  System:
    OS: Windows 10 10.0.19045
    CPU: (6) x64 Intel(R) Core(TM) i5-9400F CPU @ 2.90GHz
    Memory: 7.28 GB / 15.94 GB
  Binaries:
    Node: 20.11.1 - C:\Program Files\nodejs\node.EXE
    Yarn: 1.22.22 - C:\Program Files\nodejs\yarn.CMD
    npm: 10.2.4 - C:\Program Files\nodejs\npm.CMD
    pnpm: 8.15.4 - C:\Program Files\nodejs\pnpm.CMD
  Browsers:
    Chrome: Not Found
    Edge: Chromium (122.0.2365.92)
  npmPackages:
    @pipflow/cli: Not Found
    @pipflow/core: Not Found
    @pipflow/utils: Not Found
    gulp: ^4.0.2 => 4.0.2
    pipflow: latest => 1.0.4
  npmGlobalPackages:
    @pipflow/cli: Not Found

Current Behavior

运行 pipflow dev

Expected Behavior

No response

Steps To Reproduce

No response

Anything else?

windows

  1. git bash 模式下 gulpfile.js 文件找不到
  2. pnpm安装,需要安装gulp
  3. 单独运行 pipflow server ,Ctrl+C 关闭后终端无法输入
  4. 运行CLI,速度慢
  5. ......

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.