zoukankan      html  css  js  c++  java
  • [NPM] Create a node script to replace a complex npm script

    In this lesson we will look at pulling out complex npm script logic into an external JavaScript file. Instead of writing bash scripts you can leverage your JavaScript abilities to automate your build process. We’ll use some helper node modules such as shelljs, opn-cli, and babel-cli.

    Install:

    npm i -D shelljs babel-cli

    From:

    "test": "BABEL_ENV=test mocha spec/ --require babel-register",

    To:

    1. create a "scripts/test.js" file.

    2. Add content:

    import { exec } from "shelljs";
    
    const isWindows = process.platform === "win32";
    const environment = isWindows ?
        "set BABEL_ENV=test&&" :
        "BABEL_ENV=test";
    
    exec( `${ environment } mocha spec/ --require babel-register` );

    3. Change package.json

    "test": "babel-node ./scripts/test.js",

    From:

        "build": "npm-run-all build:*",
        "prebuild": "rm -rf public/$npm_package_version",
        "build:html": "pug --obj data.json src/index.pug --out public/$npm_package_version/",
        "build:css": "node-sass src/index.scss | postcss -c .postcssrc.json | cssmin > public/$npm_package_version/index.min.css",
        "build:js": "mustache data.json src/index.mustache.js | uglifyjs > public/$npm_package_version/index.min.js",

    To:

    1. create "scripts/build.js".

    2. Add content:

    import { rm, exec } from "shelljs";
    
    const version = process.env.npm_package_version;
    
    rm( "-rf", `public/${ version }` );
    exec( `pug --obj data.json src/index.pug --out public/${ version }/` );
    exec( `node-sass src/index.scss | postcss -c .postcssrc.json | cssmin > public/${ version }/index.min.css` );
    exec( `mustache data.json src/index.mustache.js | uglifyjs > public/${ version }/index.min.js` );

    3. Change package.json:

    "build": "babel-node ./scripts/build.js",

    From:

        "server": "npm-run-all --parallel server:*",
        "server:create": "http-server public/$npm_package_version -p $npm_package_config_port",
        "server:launch": "open http://localhost:$npm_package_config_port",

    To:

    1. Create "scripts/server.js".

    2. Add content:

    import { exec } from "shelljs";
    
    const {
        npm_package_version: version,
        npm_package_config_port: port
    } = process.env;
    
    exec( `http-server public/${ version } -p ${ port }`, { async: true } );
    exec( `opn http://localhost:${ port }` );

    3. Change package.json file:

    "server": "babel-node ./scripts/server.js",

    Be careful that in Windows single quote doesn't work, we need to replace single quote to 

    "
  • 相关阅读:
    集群、分布式与微服务概念和区别理解
    博弈论的入门——nim游戏&&sg函数浅谈
    csp-2020 初赛游记
    洛谷 P2340 [USACO03FALL]Cow Exhibition G 题解
    P5687 [CSP-SJX2019]网格图 题解
    HBase 数据迁移/备份方法
    mac远程连接服务上传下载命令实例
    Redis安装详细步骤
    VMware虚拟机中的CentOS服务安装Nginx后本机无法访问的解决办法
    开发业务逻辑处理之策略模式场景使用
  • 原文地址:https://www.cnblogs.com/Answer1215/p/6390397.html
Copyright © 2011-2022 走看看