• 企业400电话
  • 微网小程序
  • AI电话机器人
  • 电商代运营
  • 全 部 栏 目

    企业400电话 网络优化推广 AI电话机器人 呼叫中心 网站建设 商标✡知产 微网小程序 电商运营 彩铃•短信 增值拓展业务
    npm script命令同时进行多个监听服务的方法

    最近在搭建一个静态页面偏多的网站, 用vue或React有点大材小用,使用纯html / css / js 又不好用, 于是就用npm手动搭建一个简单的本地开发环境, 本地环境要实现几个基本功能

    目前看来一切完美

    我们把几个命令配置到 package.json 内的 scripts 中

    "scripts": {
      "test": "echo \"Error: no test specified\"  exit 1",
      "start": "sass --watch pc/static/scss:pc/static/css mobile/static/scss:mobile/static/css --sourcemap=nonelive-server --port=1208babel pc/static/es6-js -d pc/static/js --watchbabel mobile/static/es6-js -d mobile/static/js --watchecho 好好工作!'"
     }

    运行之后发现了新的问题, 那就是通过 连接起来的命令,会按照顺序执行, 一旦有类似 sass pc/static/scss:pc/static/css --watch 这种"阻塞"的命令, 后面的命令将会无法执行...

    解决方法: 用concurrently

    https://www.npmjs.com/package/concurrently

    concourrently的作用就是让"阻塞"的命令, 可以并发执行, 我们改写 package.json 内的 scripts 中

    "scripts": {
      "test": "echo \"Error: no test specified\"  exit 1",
      "start": "concurrently 'sass --watch pc/static/scss:pc/static/css mobile/static/scss:mobile/static/css --sourcemap=none' 'live-server --port=1208' 'babel pc/static/es6-js -d pc/static/js --watch' 'babel mobile/static/es6-js -d mobile/static/js --watch' 'echo 好好工作!'"
     },

    运行效果

    在项目内执行 npm start

     

    小结:

    concurrently提供了很有用的功能, 有了concurrently我们可以通过npm install在项目内安装多个服务,然后配置package.json内的script命令, 然后通过命令行一键并行开启多个服务

    以上所述是小编给大家介绍的npm script命令同时进行多个监听服务的方法,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持!

    您可能感兴趣的文章:
    • Vue cli3 库模式搭建组件库并发布到 npm的流程
    • Node.js npm命令运行node.js脚本的方法
    • nodejs中用npm初始化来创建package.json的实例讲解
    • npm scripts 使用指南详解
    • Vue 组件封装 并使用 NPM 发布的教程
    • 用npm安装vue和vue-cli,并使用webpack创建项目的方法
    • vue3.0 CLI - 1 - npm 安装与初始化的入门教程
    • npm配置国内镜像资源+淘宝镜像的方法
    • 解决nodejs的npm命令无反应的问题
    • ndm:NPM的桌面GUI应用程序
    上一篇:Linux创建用户的操作命令
    下一篇:Linux 命令head和tail常见用法详解
  • 相关文章
  • 

    © 2016-2020 巨人网络通讯 版权所有

    《增值电信业务经营许可证》 苏ICP备15040257号-8

    npm script命令同时进行多个监听服务的方法 npm,script,命令,同时,进行,