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 

    "
  • 相关阅读:
    jQueryrocket
    jQueryrocket
    jQueryrocket
    jQueryrocket
    jQueryrocket
    SharePoint 2013 Workflow Manager 1.0 卸载
    SharePoint 2013 Workflow Manager 1.0 远程服务器返回错误: (400) 错误的请求。 不支持查询字符串中的 api-version
    SharePoint 2010 使用Install-SPSolution部署wsp包状态一直是”正在部署”
    SharePoint 2010管理中心服务器提示“需要升级”
    SharePoint 2010:“&”作为SharePoint账号密码引起的错误
  • 原文地址:https://www.cnblogs.com/Answer1215/p/6390397.html
Copyright © 2011-2022 走看看