青史成灰

脚本获取参数格式$n n为从0开始的数字，$0：获取执行的脚本名称；$1获取第一个参数，$2获取第二个参数,以此类推。。。 几个特殊的字符用来处理参数 这些特殊的字符也可以用在shell函数中 字符 描述 $# 传递到脚本的个数 $* 以“$1 $2 … $n”的形式输出所有传递的参数 $$ 脚本运行的当前进程ID号 $! 后台运行的最后一个进程ID号 $@... 阅读全文…

变量的定义1your_name="rou" 变量名只能有字母和下划线_组成，且不能使用bash里的关键字 变量名和等号之间不能有空格 使用变量123your_name="rou"echo $your_nameecho ${your_name} // 推荐使用这种方式 只读变量1readonly myUrl="www.baidu.com" 删除变量1unset vari... 阅读全文…

常见Linux Shell种类 Bourne Shell (/usr/bin/sh 或 /bin/sh) Bourne Again Shell (/bin/bash) C Shell (/usr/bin/csh) K Shell (/usr/bin/ksh) Shell for Root (/sbin/sh) 第一个Shell脚本12#!/bin/shecho 'Hello World !... 阅读全文…

devServer 12345678// webpack.server.jsvar config = require('./webpack.config')var webpack = require('webpack')var WebpackDevServer = require('webpack-dev-server')var compiler = webpack(config)var ... 阅读全文…

[TOC] resolve 配置模块解析策略。比如，import lodash, 可以通过配置resolve.modules来指定当解析lodash是，去哪个路径下去寻找lodash。 resolve.aliasobject 配置模块的别名,这样当使用import或者require就可以使用别名来代替冗长的相对路径。比如你import某一路径下的一个js文件:import ../../s... 阅读全文…

本章节主要介绍module常用配置项一个工程中的各种modules应该如何被webpack处理。 module.noParseRegExp 让webpack不解析匹配到正则的模块，比如一些第三方库或者辅助模块，我们不需要解析的，那么就可以通过该选项来配置，这样可以节省编译的时间。 noParse: /jquery|backbone/ 这章讲解的内容配置起来是最简单的，但是用文字描述起... 阅读全文…

本章节主要介绍output常用配置项 output.filenamestring 用来指定打包生成的文件的名称。默认值是[name].js,该默认值的含义并不是说你可以不指定该选项就使用默认的[name].js ，他的含义是当entry配置为单入口时（单个字符串或者字符串数组），就是[name]会被替换为mian；多入口时，[name]会被替换为对象的key值。 单入口的时候，我们... 阅读全文…

[TOC] 本章节主要介绍如何利用webpack来构建自己编写的js库，原文链接可以点击这里 假如我们要实现的一个数字和单词之间的互转(1 <=> one)123456789101112131415\\ src/index.jsimport _ from 'lodash'import numRef from './ref.json'export function numToW... 阅读全文…

[TOC] 懒加载在开发中，经常会遇到这样的需求：比如在React,Vue中的路由加载组件，如果在首次加载的时候，就将一堆的组件全部加载，毫无疑问在打开首页的时候会非常的慢，影响用户体验。为了实现第一次快速的加载，优化用户体验，可以通过动态路由。就是第一次只会加载一些必须的组件，剩下的组件等到需要的时候再去加载。使用webpack提供的require.ensure()可以轻松实现这一要求。 ... 阅读全文…

[TOC] 代码分割 一个应用有第三方库和程序代码组成，第三方库和程序代码最大的不同就是一般第三方库是不会轻易改动的。 在打包的时候，如果能将这些第三方库和程序代码分开打包，那么就可以利用浏览器的缓存机制来缓存这些不需要经常改动的第三方库文件，这样可以节省很多的打包时间，加快资源加载速度。实现假如在index.js中引用第三方库moment.jsindex.js12var moment = ... 阅读全文…