browserslist的简单配置

browserslist是查询浏览器列表的工具,browserslisp的配置可写在package.json中,也可以单独写在.browserslistrc配置⽂件中 browserslist的配置文件会被Autoprefixer,Babel,postcss-preset-env,eslint-plugin-compat,stylelint-no-unsupported-browser-features,postcss-normalize,obsolete-webpack-plugin工具读取,并且对配置的目标浏览器做适配工作 npx browserslist可查看根据条件输出的浏览器列表 查看全球用户份额大于0.2%的浏览器 npx browserslist “> 0.2%” 查询Chrome最新1个版本 npx browserslist “last 1 Chrome versions” 查看browserslist的默认配置 npx browserslist “defaults” browserslist的默认配置为> 0.5% and last 2 versions adn Firefox ESR and not dead not dead的意思是不输出官方不再维护的浏览器(例如ie10),dead是不维护,not是不输出 and就是和,or是或者 browserslist的配置 package.json(browserslist官方推荐用这个) "browserslist": [ '> 0.2%', 'last 1 Chrome versions' 'not dead' ] 或者写成 "browserslist": [ '> 0.2% and last 1 Chrome versions and not dead', ] .browserslistrc > 0.2% and last 1 Chrome versions and not dead browserslist数据的优先级:当前项目的package....

2022-03-12 · 1 min · Me

简单了解并且使用npm script

npm script是package.json中可以定义的脚本命令,可以用来实现自动化构建,例如: "scripts": { "dev": "node hallo.js" } npm run dev // 等于执行node hallo.js 查看当前项目的全部npm脚本 npm run 注意:当前项目的node_modules/bin下的全部依赖都可以直接访问 如果要执行多个脚本可以用&&(依次运行),&(并行运行) npm script有pre和post两个钩子,这两个钩子可以分别来做准备工作和清理工作等等,例如: "scripts": { "predev": "echo hallo", "dev": "node hallo.js", "postdev": "echo yes" } 相对于npm run predev && npm run dev && npm run postdev 像install,uninstall,publish,test,start等等都有pre和post这两个钩子 查看正在运行的脚本 const NpmScript = process.env.npm_lifecycle_event console.log(NpmScript) 可以缩写不用run,例如:npm dev npm script可以使用npm内部变量,例如: { "name": "root", "scripts": { "dev": "node hallo.js $npm_package_name" } } 获取npm内部变量name console.log(process.env.npm_package_name) 脚本错误抛出 "scripts": { "test": "echo \"Error: no test specified\" && exit 1" } 传递参数...

2021-09-20 · 1 min · Me

node.js包管理工具npm的简单使用

npm是Node.js的默认包管理工具 安装npm:安装node.js(一般来说安装nodejs都会安装npm的) npm -v 查看npm版本号 node -v 查看node版本号 npm install nmp@latest -g 更新最新nmp,-g全局,没有加-g就是本地安装,或者在@后面加版本号来更新到指定版本的npm npm init -y 初始化 npm i 要安装的依赖 先检查有没有这个东西,有的话就下载下来 npm uninstall 要删除的依赖的名称 npm i 要安装的依赖@版本号 安装指定版本的依赖 npm update 依赖名称 安装最新的依赖或者更新npm npm init -y 使用默认的参数,去掉-y就是手动配置 npm run 对象名 执行脚本,引用package.json中的scripts对象,在对象中添加脚本 npm adduser 注册npm账号 npm publish 发布npm包 npm install 一键安装package.json文件里的所有依赖 npm install –dependencies 只安装package.json里的dependencies的文件 npm install –devDependencies 只安装package.json里的devDependencies文件 会自动将package.json中的模块安装到node-modules文件夹 升级插件 npm-check-updates使用 npm install -g npm-check-updates 安装npm-check-updates插件 ncu 查看package.json中依赖的最新版本 ncu -u 更新依赖到最新版本 ncu -a 更新全部依赖到最新版本 npm update...

2021-06-16 · 2 min · Me