手把手教你webpack3(2)简单指令(npm脚本)
来源:互联网 发布:淘宝最后发货时间 编辑:程序博客网 时间:2024/06/01 19:38
前注:
文档全文请查看 根目录的文档说明。
如果可以,请给本项目加【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的工作原理
阅读全文
0 0
- 手把手教你webpack3(2)简单指令(npm脚本)
- 手把手教你webpack3(1)最简单的webpack实例
- 手把手教你webpack3(4)出口(详解)
- 手把手教你webpack3(5)babel-loader详细使用说明
- 手把手教你webpack3(6)css-loader详细使用说明
- 手把手教你webpack3(7)style-loader详细使用说明
- 手把手教你webpack3(8)url-Loader配置简述
- 手把手教你webpack3(9)File-Loader配置简述
- 手把手教你webpack3(10)Less-Loader配置简述
- 手把手教你webpack3(11)PostCSS-Loader配置简述
- 手把手教你webpack3(3)入口(多入口)entry
- npm 脚本(npm scripts)
- 手把手教你使用Git(简单,实用)
- 手把手教你 LabVIEW 串口仪器控制——通信协议(指令)
- Npm基本指令(转)
- 手把手教你TestComplete_配置嵌入脚本
- Webpack3的使用(一)
- Webpack3的使用(二)
- 矩阵论内容整理(进行中)
- 面向对象程序设计上机练习六(类和对象)
- centos7.2(三台腾讯云服务器)配置zookeeper集群
- PLSQL 发送邮件
- 整合spring cloud云服务-HongHu云架构common-service代码结构分析
- 手把手教你webpack3(2)简单指令(npm脚本)
- 期望(一)—— 预备知识
- Scala实现Kafka的producer
- 哈夫曼编码
- 手机号码归属地查询
- linux ubuntu14 更改为root用户登录
- Redis事务
- Android中动画的使用总结
- 乱码问题