- 综合排序
- 最热优先
- 最新优先
- 来自专栏全栈程序员必看
babel-preset-react_babel-loader
在babel中，a preset is a set of plugins used to support particular language features. 有两个preset会被babel默认使用: es2015: 增加对ES2015功能地支持 react: 支持JSX 记住:ES2015仅仅是ES6的另外一种叫法，我们使用ES2015 preset因为我们不会使用
51820编辑于 2022-09-20 - 来自专栏流媒体音视频
FFmpeg之预设编码参数preset
前言 FFmpeg是一款非常强大的音视频处理工具，它不仅功能强大而且非常好用，比如视频转码中一个非常实用的参数就是preset。今天我们将重点介绍preset参数的作用以及它的使用方法。 正文 一、定义与作用 preset是FFmpeg中一个用于控制视频转码的预设参数，可以用来控制视频转码过程中的画面质量和转码速度。 二、取值范围 preset参数的取值范围在0到13之间，数值越大，转码的速度就越快，视频的质量也就越差。同理，数值越小，转码的速度就越慢，视频的质量就越好。 四、使用实例 上面已经介绍了不同枚举值代表不同的视频转码速度和质量权衡情况，下面介绍一下preset参数的使用方法和效果。 六、PSNR对比 上面只是简单的通过各项参数用来验证视频质量的好坏，下面通过属性评分来进一步验证preset参数的实际效果。
1.6K10编辑于 2025-03-27 - 来自专栏忽如寄的前端周刊
一文带你了解babel-preset-env
相信很多人都和我一样，刚接触babel的时候都是使用 babel-preset-es2015 这个预设套餐的，但是显然目前而言 babel-preset-env 会是一个更好的选择，babel-preset-env 不过如果你的目标浏览器支持 es modules 特性，browsers 选项则会失效，如下： { "presets": [ ["@babel/preset-env" esmodules": true } ] ] } 同样也可以指定Node.js的版本： { "presets": [ ["@babel/preset-env { "presets": [ ["@babel/preset-env" "targets": { "node": "current babel-preset-env 的主要参数选项有： targets targets.node targets.browsers spec : 启用更符合规范的转换，但速度会更慢，默认为
1.1K20发布于 2019-07-24 - 来自专栏神光的编程秘籍
preset-env 按需 polyfill 是怎么实现的？
答案就是 preset-env，它实现了按需引入 polyfill。 这里的 preset-env 指的是 babel 的 @babel/preset-env 和 postcss 的 postcss-preset-env，它们一个是按需做语法转换、按需引入 JS 的 polyfill @babel/preset-env 按需指的是按照目标运行环境是否支持，那怎么指定目标运行环境呢？ @babel/preset-env 支持通过 targets 来指定目标环境： { "presets": [ ["@babel/preset-env", { css 的按需做兼容处理也差不多： postcss-preset-env postcss 是通过 postcss-preset-env 来做按需处理的，同样支持配置目标环境，也就是 browsers：
60310编辑于 2022-03-03 - 来自专栏生命不息，Codeing不止
QPainter的fillRect函数-QGradient-Preset渐变颜色预设值
关联函数： inline void fillRect(int x, int y, int w, int h, QGradient::Preset preset); inline void fillRect (const QRect &r, QGradient::Preset preset); inline void fillRect(const QRectF &r, QGradient::Preset preset 枚举定义： enum Preset { WarmFlame = 1, NightFade = 2, SpringWarmth = 3, JuicyPeach
2.3K10发布于 2020-07-24 - 来自专栏神光的编程秘籍
从 babel preset 和 eslint config 看配置的继承和重写
es2015 需要指定一堆插件、es2016 也要指定一堆插件，为了简化这些插件的配置，eslint 支持把一系列插件封装成一个 preset，在配置文件中指定 preset 的方式来引入具体的插件。 于是 babel6 就有了 preset-es2015、preset-es2016 等 preset，后来 babel7 还支持了指定目标环境来动态指定一系列插件的 preset-env。 preset 就是把一些插件封装到一起。 babel 插件生效的顺序是先 plugin 后 preset，plugin 从左到右，preset 从右到左，这样的生效顺序使得配置里的插件是可以覆盖 preset 里面插件的配置的，也就是重写。 可以看到，babel 支持了把插件封装成 preset，preset 和 preset 之间还可以继承，因为 生效顺序是先 plugin 后 preset，所以可以达到重写的目的。
1K10发布于 2021-09-28 - 来自专栏前端资源
Vue CLI使用element-ui按需引入报错：Error: Cannot find module babel-preset-es2015
使用 Vue CLI 创建了一个 Vue 2.x 的项目，配置完 element-ui 按需引入后报错：Error: Cannot find module 'babel-preset-es2015' Element 而且，也不再使用 es2015，改成 @babel/preset-env ，两者是相同的，其作用都是编译es6语法。 安装 @babel/preset-env ： npm i @babel/preset-env -D 在 babel.config.js 文件中进行配置： module.exports = { presets : [ '@vue/cli-plugin-babel/preset', ["@babel/preset-env", {"modules": false}] ], "plugins": [ 未经允许不得转载：w3h5 » Vue CLI使用element-ui按需引入报错：Error: Cannot find module 'babel-preset-es2015'
3.7K40发布于 2021-05-06 - 来自专栏WebJ2EE
Babel：JavaScript“编译器”
: preset是plugin的集合，例： ## preset-es2015 npm install --save-dev babel-preset-es2015 ? ## preset-es2016 npm install --save-dev babel-preset-es2016 ? ## preset-env包含es2015、es2016、es2017 npm install --save-dev babel-preset-env 注：转换ES6代码，只用babel-preset-env save-dev babel-preset-react ## Flow转换插件 npm install --save-dev babel-preset-flow 注1：babel-preset-env是 babel-preset-es2015、babel-preset-es2016、babel-preset-2017的进化版，只安装一个babel-preset-env就足够了； 注2：babel-preset-env
1.2K20发布于 2019-07-19 - 来自专栏TSINGSEE青犀视频
TSINGSEE青犀视频接入大华摄像机如何改变预置点名称？
info = { 0 }; int pNum = 0; info.pstPtzPreset = (PTZ_PRESET *)malloc(sizeof(PTZ_PRESET) * MAX_PRESET ); memset(info.pstPtzPreset, 0x00, sizeof(PTZ_PRESET) * MAX_PRESET); info.dwMaxPtzPresetNum = MAX_PRESET , -1, get_info, len, &get_err, 10 * 1000);//此参数是获取所有的预置点信息， CFG_CMD_PTZ_PRESET PTZ_PRESET_INFO info = { 0 }; int pNum = 0; info.pstPtzPreset = (PTZ_PRESET *)malloc(sizeof(PTZ_PRESET) * MAX_PRESET); memset(info.pstPtzPreset, 0x00, sizeof(PTZ_PRESET) * MAX_PRESET); info.dwMaxPtzPresetNum = MAX_PRESET
1.4K20编辑于 2021-12-15 - 来自专栏神光的编程秘籍
你可能并没有理解的 babel 配置的原理
首先，我们先来试一下 preset-env 和 plugin-transform-runtime 的功能： 功能测试 @babel/preset-env 的作用是根据 targets 的配置引入对应插件来实现编译和 再来测试一个 api 的，用这样一段代码： new WeakMap(); 当只配置 preset-env 时： { presets: [ ['@babel/preset-env 这个插件的原理是因为 babel 插件和 preset 生效的顺序是这样的（下面是官网文档的截图）： 先插件后 preset，插件从左往右，preset 从右往左。 @babel/preset-env 生成 helper 代码的行为。 @babel/plugin-transform-runtime 能生效的原理是因为插件先于 preset 被调用，提前把那些 api 做了转换，并且设置了 preset-env 生成 helper 的方式
74530编辑于 2022-06-06 - 来自专栏码力全开
10分钟搭建属于自己的 Vue CLI3 项目模板
先瞅一眼文档: CLI3插件和Preset 然后就教你怎么完全定制化一套 前端项目模板，妈妈再也不用担心我每次复制粘贴啦~ 特别说明：这种 preset 不需要发布到 npm，支持 github，gitlab 如果你保存过，下面的命令就能看到之前保存的 preset。 插件（这个东西比本文讲的插件范畴要窄），而 Preset 必须包含一个 preset.json 0x04 核心概念 由于本文主要讲的是 Preset，所以剩下的核心概念看文档就好哈: 核心概念 Prompts 直接跑笔者的仓库 vue create --preset savokiss/vue-preset-template preset-demo clone下来跑本地代码 vue create --preset 开头的文件以及 scss 文件写法不太一样，具体可以看下面的参考项目 0x06 参考项目 笔者整理了两个 preset，欢迎 star 哈 PC端项目模板：vue-preset-pc 移动端项目模板：vue-preset-mobile
1.2K20发布于 2019-11-06 CSS3 变量 var() 使用小记
色板 附一份网站的色板 :root{ --theme-color: #eb6844; --preset-c: #cccccc; --preset-d: #dadada; --preset-f: #ffffff; --preset-fa: #fafafa; --preset-s: #f5f5f5; --preset-6: #666666; --preset-8: #888888; --preset-9: #949494; --preset-4a: #4a4a4a; --preset-3a: #3a3a3a; --preset-2b: #2b2b2b; --preset-link: #334768; --preset-okay: #4fc323; --preset-okay-l: #f6fff0 ; --preset-caution: #f9ac1d; --preset-caution-l: #fffbeb; --preset-alert: #f4222c; --
62910编辑于 2024-03-12- 来自专栏Super 前端
vue2项目中如何使用es2020
官方提供的预设 名称 说明 @babel/preset-env 编译 ES2015+ 语法 @babel/preset-typescript 编译 Typescript 语法 @babel/preset-react 编译 React 语法 @babel/preset-flow 编译 Flow 语法 这里需要说明的是：babel-preset-env 具有不同的版本，包含的规范（插件）也不一致 示例：v7.15.0 presets: [ "@babel/preset-env", ], name 规范化 默认情况下，Babel 期望插件在其名称中具有 babel-plugin- 或 babel-preset- 前缀 vue/babel-preset-app 包括的插件： { "@babel/preset-env": "^7.12.16", "babel-plugin-dynamic-import-node": ": "^1.1.2" } 注意：@vue/babel-preset-app 版本不同，对应的 @babel/preset-env 不同，因此包含的默认规则必然不同。
2.4K20发布于 2021-11-08 - 来自专栏魔术师卡颂
回顾 babel 6和7，来预测下 babel 8
如果我们想用 es6 语法就用 babel-preset-es2015，es7 就在引入 babel-preset-es2016 等等。 如果是想用还没加入标准的特性，则分别用 babel-preset-stage0、babel-preset-stage1 等来引入。 -20xx 和 preset-stage-x 的 preset 包，而换成了 preset-env，preset-env 默认会支持所有 es 标准的特性，如果没进入标准的，不再封装成 preset，需要手动指定 （preset-react 等不是 es 标准语法，也没有啥变化，就不包括在里面了）。 但是 preset 和 plugin proposal 的改变只是解决了之前的 preset 经常变的问题。 babel 中插件的应用顺序是：先 plugin 再 preset，plugin 从左到右，preset 从右到左，这样 plugin-transform-runtime 是在 preset-env 前面的
1K40发布于 2021-05-08 - 来自专栏Super 前端
vue2项目中如何使用es2020
官方提供的预设 名称 说明 @babel/preset-env 编译 ES2015+ 语法 @babel/preset-typescript 编译 Typescript 语法 @babel/preset-react 编译 React 语法 @babel/preset-flow 编译 Flow 语法 这里需要说明的是：babel-preset-env 具有不同的版本，包含的规范（插件）也不一致 示例：v7.15.0 presets: [ "@babel/preset-env", ], name 规范化 默认情况下，Babel 期望插件在其名称中具有 babel-plugin- 或 babel-preset- 前缀 vue/babel-preset-app 包括的插件： { "@babel/preset-env": "^7.12.16", "babel-plugin-dynamic-import-node": ": "^1.1.2" } 注意：@vue/babel-preset-app 版本不同，对应的 @babel/preset-env 不同，因此包含的默认规则必然不同。
1.5K10编辑于 2021-12-30 - 来自专栏flytam之深入前端技术栈
两个配置修改，让你的webpack打包速度飞起来
替代ts-loader 使用babel7并且使用@babel/preset-typescript代替ts-loader。 以及，@babel/preset-typescript不在支持namespace 详情。 ": "^7.0.0", "@babel/preset-react": "^7.0.0", "@babel/preset-typescript": "^7.3.3", 一版而言对于react es6+转换 @babel/preset-react react jsx支持 @babel/preset-typescript ts支持 babel7新增了babel.config.js型的配置，对比 ', { modules: false } ], '@babel/preset-react', '@babel/preset-typescript
2.5K20发布于 2020-01-14 - 来自专栏Dimples开发记
Vue CLi v3 创建项目使用记录
Please pick a preset: Manually select features ? Please pick a preset: Manually select features ? Please pick a preset: Manually select features ? Please pick a preset: Manually select features ? Save this as a preset for future projects?
82410编辑于 2022-12-21 - 来自专栏禅林阆苑
webpack 学习笔记系列03-babel
# 安装 babel-cli 命令行工具 $ npm i -D @babel/core @babel/cli # 安装 preset-env 转换规则 $ npm i -D @babel/preset-env # 执行转换 $ npx babel code.js --presets=@babel/preset-env -o output.js 若不设置 --presets 转换规则，则输出内容与源文件没有区别 @babel/preset-env 是 babel 官方推出的插件预设，它可以根据开发者的配置按需加载对应的插件，通过 @babel/preset-env 可以根据代码执行平台环境和具体浏览器的版本来产出对应的 // .babelrc { "env": { "production": { "presets": ["@babel/preset-env"] 3.2 @babel/preset-env @babel/preset-env 可以零配置转化 ES6 代码，也支持精细化配置，useBuiltIns 用来设置浏览器 polyfill，target 用来设置目标浏览器或对应的环境
2K210发布于 2021-01-01 - 来自专栏博客园
从零学脚手架(四)---babel
@babel/preset-env 先来介绍一下@babel/preset-env库，来完成部分转换功能。 presets配置可以设置短名称， preset库名称以 babel-preset- 前缀，可以省去前缀。 @babel/preset-env取代了preset-es20系列的预设插件（preset） 目前生成代码还无法在浏览器运行，缺少regeneratorRuntime，这个稍后再说 image.png plugin/preset与参数存在于一个数组内，第一个为plugin/preset，第二个为属性对象 { "presets": [ ["@babel/preset-env", { preset和plugin 在使用babel库时，发现有两种类型： preset：@babel/preset-env plugin：@babel/plugin-transform-runtime 配置时也是不同属性
1.6K30发布于 2021-03-16 - 来自专栏IMWeb前端团队
使用 Webpack 4 和 Babel 7 从头开始创建 React 应用程序
，@babel/preset-react 作为 dev 依赖项 npm i babel-loader@8 @babel/core @babel/preset-env @babel/preset-react ：即 babel-preset-env，根据您要支持的浏览器，决定使用哪些 transformations / plugins 和 polyfills，例如为旧浏览器提供现代浏览器的新特性 @babel /preset-react：即 babel-preset-react，针对所有 React 插件的 Babel 预设，例如将 JSX 转换为函数 **注：babel 7 使用了 @babel 命名空间来区分官方包 ", "@babel/preset-react"] } 4.在 src 目录下创建 index.js 文件渲染组件 import React from 'react'; import ReactDOM ": "^7.0.0", "@babel/preset-react": "^7.0.0", "babel-loader": "^8.0.0", "html-webpack-plugin
1.2K20发布于 2019-12-03
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号