当前位置: 首页 > news >正文

手把手教你webpack3(2)简单指令(npm脚本)

前注:

文档全文请查看 根目录的文档说明。

如果可以,请给本项目加【Star】和【Fork】持续关注。

有疑义请点击这里,发【Issues】。

2、简单指令(npm脚本)

示例目录

我们实际开发中,一般都是使用npm run build或者npm run dev之类的指令,这是怎么实现的呢?

答案是利用package.json里面的scripts属性。

其他文件如【1】中的四个文件,新增一个package.json,内容如下:

// package.json  注:name只能是以下这种格式,不能有空格或者中文
{
    "name": "simple-command",
    "version": "0.0.1",
    "scripts": {
        "test": "webpack --config webpack.config.js"
    }
}

然后控制台执行命令npm run test即可。

注:

之所以我们能通过npm run test来执行"webpack --config webpack.config.js"这样一段命令。

原因是这段命令的开头,以npm为开头,所以执行的是全局变量(通常是全局变量,因为npm一般是全局安装)配置的npm包管理器。

然后后面的run test是npm负责去执行的,所以npm run test这段命令,是npm的特性,而不是webpack的,称作npm脚本。

而之后webpack的命令,是webpack做的事情。但webpack的执行,显然是通过Node.js执行的,所以可以用JavaScript语法。

npm小结(程序猿小卡)

npm的工作原理

相关文章:

  • 使用路由器实现不同VLAN间通信_路由交换
  • iOS开发教你如何删除Xcode中无用的配置文件Provisioning Profiles
  • 会计的思考(15):华而不实的应收账款周转率
  • 银行卡合法性校验
  • hostapd作为radius服务器
  • 中小企业的桌面虚拟化方案VDI-in-a-Box
  • 揭开RecyclerView的神秘面纱(二):处理RecyclerView的点击事件
  • 2012企业网站建设回归“简洁、实用”原则
  • urllib库的常见用法
  • Hyper-V and “Sandy Bridge” processors from Intel
  • iOS 关于viewController自定义的转场动画
  • Python:使用matplotlib绘制图表
  • html~display的使用
  • linux shell单引号、双引号及无引号区别(考试题答案系列)
  • Apache Oozie Installation
  • “寒冬”下的金三银四跳槽季来了,帮你客观分析一下局面
  • 【跃迁之路】【444天】程序员高效学习方法论探索系列(实验阶段201-2018.04.25)...
  • C# 免费离线人脸识别 2.0 Demo
  • fetch 从初识到应用
  • Java比较器对数组,集合排序
  • java取消线程实例
  • magento2项目上线注意事项
  • PHP 小技巧
  • Redis的resp协议
  • vue和cordova项目整合打包,并实现vue调用android的相机的demo
  • windows下使用nginx调试简介
  • 分布式任务队列Celery
  • 入手阿里云新服务器的部署NODE
  • 试着探索高并发下的系统架构面貌
  • 以太坊客户端Geth命令参数详解
  • 用 Swift 编写面向协议的视图
  • ionic异常记录
  • 好程序员大数据教程Hadoop全分布安装(非HA)
  • !! 2.对十份论文和报告中的关于OpenCV和Android NDK开发的总结
  • #!/usr/bin/python与#!/usr/bin/env python的区别
  • ###STL(标准模板库)
  • #NOIP 2014# day.2 T2 寻找道路
  • (动手学习深度学习)第13章 计算机视觉---微调
  • (理论篇)httpmoudle和httphandler一览
  • (力扣记录)235. 二叉搜索树的最近公共祖先
  • (实战篇)如何缓存数据
  • (一)u-boot-nand.bin的下载
  • (已解决)vue+element-ui实现个人中心,仿照原神
  • (转)h264中avc和flv数据的解析
  • (转)如何上传第三方jar包至Maven私服让maven项目可以使用第三方jar包
  • .Net 4.0并行库实用性演练
  • .NET 4.0网络开发入门之旅-- 我在“网” 中央(下)
  • .net core 源码_ASP.NET Core之Identity源码学习
  • .NET Core 中的路径问题
  • .net framework 4.0中如何 输出 form 的name属性。
  • .NET 事件模型教程(二)
  • .NET 线程 Thread 进程 Process、线程池 pool、Invoke、begininvoke、异步回调
  • .Net 知识杂记
  • .net6 webapi log4net完整配置使用流程
  • /etc/apt/sources.list 和 /etc/apt/sources.list.d