在package.json的script里面我们可以写很多npm脚本,下面我来总结一下一些日常遇到的知识点: 1.npm_lifecycle_event npm 提供一个npm_lifecycle_event变量,返回当前正在运行的脚本名称,比如start.dev.test 2.并行和串行 npm脚本的并行和串行,如果我们想一条脚本跑多个命令我们就需要用到串行或并行了 串行: && 连接两条命令,先执行完前面一条再执行后面一条 并行: & 连接两条命令,同时执行前后两条命令(Win

一.插件篇 1. 自动补全css3前缀 autoprefixer 官方是这样说的:Parse CSS and add vendor prefixes to CSS rules using values from the Can I Use website,也就是说它是一个自动检测兼容性给各个浏览器加个内核前缀的插件. 举个栗子:最新的弹性盒模型flux实际代码: :fullscreen a { display: flex } 插件自动补充后 a { display: -webkit-box; d

所用到的存储过程如下: temp_get_userCount: BEGIN #Routine body goes here... SELECT COUNT(id) as num FROM tbl_user; END temp_get_userid:参数为:IN count int(6), IN num int(4) BEGIN #Routine body goes here... ); ) * num; SELECT id from tbl_user LIMIT p_count, num; EN

环境搭建 Omi框架使用 Webpack + ES6 的方式去开发:使用karma+jasmine来作为Omi的测试工具. Karma介绍 Karma是一个基于Node.js的JavaScript测试执行过程管理工具(Test Runner).该工具可用于测试所有主流Web浏览器,也可集成到CI(Continuous integration)工具,也可和其他代码编辑器一起使用.这个测试工具的一个强大特性就是,它可以监控(Watch)文件的变化,然后自行执行.但是集成到travis ci要把sin

转载自: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.

转:https://blog.csdn.net/xinzi11243094/article/details/80521878 方法一:亲测真的有效 在项目开发中,我们的项目一般分为开发版.测试版.Pre版.Prod版.Vue-cli的默认环境一只有dev和prod两个,之前每次要发布测试版或Pre版都是修改了源码中API地址后打包,这样很麻烦.如果能根据不同环境打包就完美了.网上搜集了许多资料,现在可以分环境打包程序了,至于怎么打,接着住下看吧. 第1步:安装cross-env 在项目目录下运行

var gulp=require('gulp'), babel = require('gulp-babel'), gulpSequence = require('gulp-sequence'), htmlmin = require('gulp-htmlmin'), sftp= require('gulp-sftp'), concat=require('gulp-concat'),//文件合并 uglify=require('gulp-uglify'),//js压缩 minifyCss=requi

什么是npm脚本? npm 允许在package.json文件里面,使用scripts字段定义脚本命令. 初始化package.json -> npm init -> 经历一系列的问答即可 { // ... "scripts": { "build": "node start.js" } } 此时我们执行 npm run build 就等于执行 node start.js [npm脚本的优势] 项目的相关脚本都集中在一个地方 可以利用

node.js的环境变量 process process 对象是一个 global (全局变量),提供有关信息,控制当前 Node.js 进程.作为一个对象,它对于 Node.js 应用程序始终是可用的,故无需使用 require(),是存在nodejs中的一个全局变量. 一般有三个环境,一是开发环境,二是测试环境,三是正式环境,每个环境都有一个接口地址. process.env process.env属性返回一个包含用户环境信息的对象.依靠这个我们就可以给服务器上打上一个标签.这样的话,我们就

修改prod.env.js 'use strict'const target = process.env.npm_lifecycle_event;if (target == 'build') { //测试 var obj = { NODE_ENV: '"production"', BASE_API: '""', }} else { var obj = { NODE_ENV: '"production"', BASE_API: '"&qu

什么是 npm 脚本? 在package.json文件里面,使用scripts字段定义的脚本命令 { // ... "scripts": { "build": "node build.js" } } 如何执行是 npm 脚本? $ npm run build # 等同于执行 $ node build.js 不知道有什么 npm 脚本?? #查看当前项目的所有 npm 脚本命令 #(其实也可以在package.json的看scripts对象里有什么

vue-cli如何添加多种环境变量 目前webpack(vue-cli) 打包有两种变量,development, productor, 如何添加一个 test的测试环境呢 vue-cli 3.0 vue-cli3.0简化了业务需求,没有那么多额外的配置,目前想改变环境变量,官方默认如此, 网友1 官方默认两种类型 develpoment production,而我们实际开发过程中,会有本地开发,测试环境,正式环境等等,因而这两种环境变量是不够的,因而需要第三种乃至多种变量环境 基于vue-cl

npm config list/ls 显示配置信息npm config list/ls -l 更详细npm -h 显示帮助信息,建议多查看npm -l display full usage info ;-l is --longnpm <cmd> -h 显示某个命令的帮助信息npm help npmnpm help <term> npm config set prefix path 修改npm全局安装目录npm config set cache path 修改npm cache目录把

Node 开发离不开 npm,而脚本功能是 npm 最强大.最常用的功能之一. 本文介绍如何使用 npm 脚本(npm scripts). 一.什么是 npm 脚本? npm 允许在package.json文件里面,使用scripts字段定义脚本命令: { // ... "scripts": { "build": "node build.js" } } 上面代码是package.json文件的一个片段,里面的scripts字段是一个对象.它的每一

webpack例子:https://github.com/Aquarius1993/webpackDemo 安装: webpack , webpack-dev-server 1.如何在使用webpack-dev-server的过程中,同时生成文件?      暂时没有解决,说是解决不了 2.怎样实现baseUrl的开发环境和发布环境的动态改变?      在package.json中: "scripts": { "test": "echo \"E

这篇文章将介绍如何利用 webpack 进行单页面应用的开发,算是我在实际开发中的一些心得和体会,在这里给大家做一个分享.webpack 的介绍这里就不多说了,可以直接去官网查看. 关于这个单页面应用大家可以直接去我的github上查看https://github.com/huangshuwei/webpackForSPA,我将结合这个项目去介绍.如果大家觉得这篇文章有不妥的地方,还请指出. 这篇文章的目的是解决我们在开发中会遇到的问题,不是一篇基础教程,还请谅解. 项目目录 我将根据这个目录结

注意:webpack 2.0版本之后有所区别 一.插件篇 1. 自动补全css3前缀 autoprefixer 官方是这样说的:Parse CSS and add vendor prefixes to CSS rules using values from the Can I Use website,也就是说它是一个自动检测兼容性给各个浏览器加个内核前缀的插件. 举个栗子:最新的弹性盒模型flux实际代码: :fullscreen a { display: flex } 插件自动补充后 a {

我们平时阅读一些开源项目,可能会发现有些项目的package.json里的scripts区域定义的脚本很复杂,令人眼花缭乱. 其实这些脚本是有规律可循的.让我们从最简单的一个例子开始学习. 新建一个空文件夹,执行命令npm init,会自动在该文件夹下生成一个package.json. 这个init其实是一个向导,会针对package.json里待生成的每一个字段询问您想填什么值.一路回车,使用默认值即可. 自动生成的package.json内容如下. 我们现在对这个package.json进行

npm:http://www.ruanyifeng.com/blog/2016/10/npm_scripts.html process.env.npm_lifecycle_event process.argv webpack配置:https://blog.csdn.net/a250758092/article/details/81234419 利用: cross-env包或者yargs包 https://www.cnblogs.com/nanacln/p/7028275.html https:/

'use strict';const path = require('path'); var APP_PATH = path.resolve(__dirname, 'src');const webpack = require('webpack');const HtmlWebpackPlugin = require('html-webpack-plugin');const CleanWebpackPlugin = require('clean-webpack-plugin'); // const