npm 脚本

考虑到用CLI这种方式来运行本地的webpack不是特别方便,我们可以设置一个快捷方式,在package.json添加一个npm脚本(npm script)

package.json

...
{

  ‘scripts‘:{

    build:"webpack"
  }

}
...

现在,可以使用 npm run build 命令,来替代我们之前用到的较长命令。注意,使用 npm 的 scripts,我们可以通过模块名,来引用本地安装的 npm 包,而不是写出完整路径。这是大多数基于 npm 的项目遵循的标准,允许我们直接调用 webpack,而不是去调用 ./node_modules/.bin/webpack

现在运行以下命令,然后看看你的脚本别名是否正常运行:

npm run build

Hash: ff6c1d39b26f89b3b7bb
Version: webpack 2.2.0
Time: 390ms
    Asset    Size  Chunks                    Chunk Names
bundle.js  544 kB       0  [emitted]  [big]  main
   [0] ./~/lodash/lodash.js 540 kB {0} [built]
   [1] (webpack)/buildin/global.js 509 bytes {0} [built]
   [2] (webpack)/buildin/module.js 517 bytes {0} [built]
   [3] ./src/index.js 278 bytes {0} [built]
时间: 2024-10-15 15:41:20

npm 脚本的相关文章

[译]为什么我要离开gulp和grunt转投npm脚本的怀抱

https://medium.freecodecamp.com/why-i-left-gulp-and-grunt-for-npm-scripts-3d6853dd22b8#.n7m1855uf 原文链接:https://medium.freecodecamp.com/why-i-left-gulp-and-grunt-for-npm-scripts-3d6853dd22b8#.n7m1855uf 作者:Cory House -----------------------------------

开始你的第一个npm脚本工具

在实际开发中,一般刚开始一个项目或者刚接手一个项目,我们会运行 npm install 下载安装所有依赖, 在实际开发中,可能也会使用各种命令行-- 来提高我们开发的效率. 与它相处了这么久,你真的了解 npm 这些东西吗? 本篇文章会分别介绍下面几个内容: package.json 解析命令行参数 丰富终端交互体验 发布 npm 包 实战--开发小程序脚手架 项目背景:每次新建小程序页面要生成四个文件名相同的文件 ( .wxml..wxss..json  和 .js ),并且要在 app.js

npm脚本和package.json

1.什么是npm脚本 在创建node.js项目如一个vue项目,或一个react项目时,项目都会生成一个描述文件package.json . 比如npm允许在package.json文件里面,使用scripts字段定义脚本命令. { //... "scripts": { "dev": "webpack-dev-server --inline --progress --config build/webpack.dev.conf.js", "

npm配置文件脚本定义.md

目录 一.npm脚本原理 二.package.json 三.脚本区及钩子 四.相关链接 一.npm脚本原理 npm脚本的原理非常简单.每当执行npm run,就会自动新建一个Shell,在这个 Shell里面执行指定的脚本命令.因此,只要是Shell(一般是 Bash)可以运行的命令,就可以写在 npm脚本里面. 比较特别的是,npm run新建的这个 Shell,会将当前目录的node_modules/.bin子目录加入PATH变量,执行结束后,再将PATH变量恢复原样. 二.package.

npm(script)脚本

什么是npm脚本? npm允许在package.json文件里面,使用scripts字段定义脚本命令. 简写指令 npm start -> npm run start npm stop -> npm run stop npm text -> npm run test npm restart -> npm run stop & npm run start { scripts:{ "build":'node build.js' } } 上面代码是packag

npm—小记

一枚菜鸟,实习不久,一次帮别人的安装前端项目环境时,遇到很多坑.由于之前没有对npm有太多了解,所以这次打算整理梳理一下. NPM--Node 的模块管理器 NPM 安装 新版的node.js已经集成了npm.,如果安装了node(node安装教程),就无需再安装npm了. npm -v //查看npm版本 一.npm install  (缩写 npm i) npm install <Module Name> //此时为本地安装 效果: 将安装包放在 ./node_modules 下(运行np

npm scripts 使用指南

转载自:http://www.ruanyifeng.com/blog/2016/10/npm_scripts.html Node 开发离不开 npm,而脚本功能是 npm 最强大.最常用的功能之一. 本文介绍如何使用 npm 脚本(npm scripts). 一.什么是 npm 脚本? npm 允许在package.json文件里面,使用scripts字段定义脚本命令. { // ... "scripts": { "build": "node build.

自定义npm命令行工具,并发布到www.npmjs.org

## 1.自定义一个npm脚本 1.新建一个项目(在任何路径都可以); 2.使用npm init -y初始化项目 3.新建一个index.js文件,在文件的第一行添加 #!/usr/bin/env node 4.在package文件中添加一个bin字段,bin字段是一个键值对,键名是生成的.cmd文件的名字,值是执行这个命名所要执行的脚本. "bin":{"lcopy":"./index.js"} 5.打开终端进入当前目录的根路径,执行npm l

了解npm的文件结构(npm-folders)和配置文件(npm-mrc)

一.npm的文件结构 npm的安装: 本地安装 1. 将安装包放在 ./node_modules 下(运行 npm 命令时所在的目录),如果没有 node_modules 目录,会在当前执行 npm 命令的目录下生成 node_modules 目录. 2. 可以通过 require() 来引入本地安装的包. 全局安装 1. 将安装包放在 /usr/local 下或者你 node 的安装目录. 2. 可以直接在命令行里使用. 如果你希望具备两者功能,则需要在两个地方安装它或使用 npm link.