Babel 配置用法解析刚复工的时候我司业务太多了，我已不记得我们连续作战了多少天，最近算是有时间可以学习学习我的babel大宝贝了，上周末看了下babel的一些核心模块以及babel的一些配置，今天继续以博客的形式记录总结下来。写前面：babel默认是只会去转义js语法的，不会去转换新的API，比如像Promise、Generator、Symbol这种全局API对象，babel是不会去编译的。在
转载
2024-04-22 13:21:04
163阅读
前言 之前写过一篇旧React项目安装并使用TypeScript的文章：在React旧项目中安装并使用TypeScript的实践。博客里使用awesome-typescript-loader对Typescript代码进行检测和转换。而这几天又修改了一下自己的脚手架，使用@babel/preset-typescript来处理Typescript。回顾awesome-typescript-loade
rollup.config.jsimport babel from "rollup-plugin-babel";import { nodeResolve } from '@rollup/pl
原创
2022-11-23 00:18:24
699阅读
项目搭建
#安装vuepress第一步就是进行vuepress进行安装: 如果使用npm来安装, Node.js版本需要 >=8 才可以yarn global add vuepress # 或者：npm install -g vuepress#注意如果你的现有项目依赖了 webpack 3.x，推荐使用 Yarn而不是 npm 来安装 VuePress。因为在这种情形下，npm 会生成错误的
1.ts编译 npm install --save-dev @babel/preset-typescript 2
转载
2020-02-29 00:00:00
80阅读
2评论
在对babel进行配置的时候，我们一般都是复制粘贴官网上例子或者使用现成的脚手架，但其实其中的每一项我们都不太了解，它是做什么的？实现了什么功能？因此，做一下具体详细的记录。 1.首先es6增加的内容分为语法和api语法：比如箭头函数和解构const fn = () => {}
const arr2 = [...arr1]新的api：比如map和promiseconst m = new Ma
转载
2024-01-19 22:41:54
62阅读
nodejs 环境搭建，全局安装 babel 库「Windows」因为操作 AST 的库是 node 的 babel 库，因此需要安装 nodejs 。因为我的电脑是 Win10 系统，因此以 Win10 系统为例。首先打开网站: Nodejs官方网站 ，下载长期支持版:然后一步一步安装即可。安装后，打开命令行工具 cmd，输入 node，查看是否安装成功:怎么运...
原创
2021-07-16 14:03:08
1910阅读
nodejs 环境搭建，全局安装 babel 库「Windows」因为操作 AST 的库是 node 的 babel 库，因此需要安装 nodejs 。因为我的电脑是 Win10 系统，因此以 Win10 系统为例。首先打开网站: Nodejs官方网站 ，下载长期支持版:
然后一步一步安装即可。安装后，打开命令行工具 cmd，输入 node，查看是否安装成功:
原创
2022-03-17 17:52:50
1417阅读
Babel 是一个编译器（输入源码 => 输出编译后的代码）。就像其他编译器一样，编译过程
原创
2022-11-23 00:12:35
130阅读
前文中 http://winseclone.iteye.com/blog/1774307 介绍了使用Properties的方法。但是TableTree 形式的Properties视图，局限性比较大，不能很好的发挥。如下操作在Properties就很难实现：
调整属性，
重要的
常用的属性放置在前！
在属性上添加其他操作，如在Class对象上通过ctr
目录 引言 配置 Babel 环境 babel-cli 在项目内部运行 Babel CLI babel-register babel-node babel-core 配置 Babel .babelrc babel-preset-es2015
原创
2022-05-01 19:17:00
4400阅读
一、安装 二、在webpack.config.js中配置module 1 2 3 4 5 6 7 8 9 module: { rules: [ { test: /\.js$/, exclude: /(node_modules|bower_components)/, loader: 'babel-lo
转载
2019-02-24 15:04:00
100阅读
2评论
需求：需要将项目现有的组件库进行按需导入思路：选择babel-plugin-component或者babel-plugin-import找解决方案的过程中，参考了element-ui和vant这两个前端组件库按需导入的方法element-ui采用babel-plugin-component插件来实现按需导入element-ui目录大致如下（lib目录未截全部，只是部分） 而v
现在都用 ES6 新语法以及 ES7 新特性来写应用了，但是浏览器和相关的环境还不能友好的支持，需要用到 Babel 转码器来转换成 ES5 的代码相信大家都看到过如下的名词：babel-preset-*babel-plugin-*babel-clibabel-nodebabel-corebabel-runtimebabel-plugin-transform-runtimebabel-polyfi
转载
2024-07-24 05:40:17
72阅读
For example we want to just conver a VariableDeclaration to Foo.bar.otherBaz("one", 2); We can use Babel template to do that: export default function(
转载
2020-03-04 21:18:00
142阅读
2评论
1.JavaScript的运行环境？ 运行在浏览器内核中的JS引擎（engine），而不是浏览器 浏览器的作用： （1）请求一个HTTP地址（封装一个请求报文） 浏览器最大的作用就是将一个URL地址封装成一个请求报文 （2）解析服务器传回来的报文（内容有可能不一样） html-->渲染HTML CS
转载
2016-08-15 09:06:00
209阅读
2评论
1. vi /etc/profile export NODE_HOME=/opt/node-v6.9.1-linux-x64export PATH=$PATH:$NODE_HOME/binexport NODE_PATH=$NODE_HOME/lib/node_modules 2. 使生效 # .
原创
2021-07-22 16:22:13
190阅读
npm config set prefix "D:\SDE\Node8.9.4\node_global" npm config set cache "D:\SDE\Node8.9.4\node_cache"
原创
2022-05-17 15:23:48
160阅读
先发牢骚！作为区区一个小前端，被要求去为服务端代码寻求压缩方式，对，我很开心！说起打包压缩，不得不说vue的打包机制，让我用了很久都只知webpack打包，而不知怎么打包的，反正开启项目就是npm start ，打包就是npm run build！！（难道不是吗）反正那一堆配置文件还没搞太懂。回归正题，既然是压缩，我首先想到了uglify，照旧百度一顿搜，效果一般，果断去官网了。首先是引入ugli
转载
2023-10-30 15:27:48
126阅读
我们看一下 下面的例子setTimeout(function() {
console.log("setTimeout");
}, 0);
setImmediate(function() {
console.log("setImmediate");
});
process.nextTick(function() {
console.log("process");
});结
转载
2024-04-28 14:07:34
86阅读
