轉(zhuǎn)譯器精品文章

• 

  【譯】關(guān)于轉(zhuǎn)譯器 JavaScript 程序員需要知道的

  ...者就是想利用那些大型項目中提高 JavaScript 效率的工具？轉(zhuǎn)譯器（transpiler）可以幫你完成所有這些。 轉(zhuǎn)譯器是將一種語言的代碼轉(zhuǎn)換為另一種語言代碼的工具，它們過去曾被更多地用來轉(zhuǎn)換替代性語言如 CoffeeScript、ClojureScript...

  freecode 2019-08-21 14:07 評論0 收藏0
• 

  大話css預(yù)編譯處理（三）：基礎(chǔ)語法篇

  ... $borderStyle: dotted; /*調(diào)用變量*/ | /*轉(zhuǎn)譯出來的CSS*/ ------------------------------------------+------------------------------ body { | ...

  劉東 2019-08-30 15:55 評論0 收藏0
• 

  webpack的Babel加載器

  Babel Babel的轉(zhuǎn)譯過程分為三個階段: parsing, transforming, generating。babel只是轉(zhuǎn)譯新標準引入的語法，比如ES6的箭頭函數(shù)轉(zhuǎn)譯成ES5的函數(shù)；而新標準引入的原生對象，部分原生對象新增的原型方法，新增API等(如Proxy, Set等)，這些babel...

  Ali_ 2019-08-23 11:54 評論0 收藏0
• 

  大話css預(yù)編譯處理（二）安裝使用篇

  ...裝完Stylus了，也可以正常使用Stylus。 二、Sass、LESS和Stylus轉(zhuǎn)譯成CSS Sass、LESS和Stylus源文件（除了LESS源文件在客戶端下運行之外）都不能直接被瀏覽器直接識別，這樣一來，要正常的使用這些源文件，就需要將其源文件轉(zhuǎn)譯成瀏...

  SwordFly 2019-08-30 15:55 評論0 收藏0
• 

  微信小程序腳手架及html轉(zhuǎn)譯GUI工具

  ...html項目以符合微信小程序的規(guī)范？于是寫了一套html暴力轉(zhuǎn)譯成wxml的方案，以及搭配了初始模板的腳手架。結(jié)構(gòu)沿用feWorkflow，大部分改動是針對目錄的gulp工作流。 1. 腳手架 小程序有一套默認的文件結(jié)構(gòu)，根目錄下必須存放有...

  hyuan 2019-08-20 12:06 評論0 收藏0
• 

  微信小程序腳手架及html轉(zhuǎn)譯GUI工具

  ...html項目以符合微信小程序的規(guī)范？于是寫了一套html暴力轉(zhuǎn)譯成wxml的方案，以及搭配了初始模板的腳手架。結(jié)構(gòu)沿用feWorkflow，大部分改動是針對目錄的gulp工作流。 1. 腳手架 小程序有一套默認的文件結(jié)構(gòu)，根目錄下必須存放有...

  DC_er 2019-08-01 15:54 評論0 收藏0
• 

  ES2015 的高性能及其改進方向

  ...是只有 polyfill 時需要的。例如 Object.assign 函數(shù)。當 Babel 轉(zhuǎn)譯 object spread property 的時候（在 React 和 Redux 中經(jīng)常碰到），就會依賴 Object.assign 來替代 ES5 中相應(yīng)的函數(shù)（如果VM環(huán)境支持的話）。 polyfill ES2015 的新特性往往會增...

  Aceyclee 2019-08-21 11:36 評論0 收藏0
• 

  Generator 詳解（使用場景，babel 轉(zhuǎn)譯，協(xié)程，異步，上層應(yīng)用，async/await）

  博客 github 地址： https://github.com/HCThink/h-blog/blob/master/js/syncAndAsync/generator/readme.md github 首頁(star+watch，一手動態(tài)直達)： https://github.com/HCThink/h-blog 掘金 link , 掘金 專欄 segmentfault 主頁 原創(chuàng)禁...

  raise_yang 2019-08-23 14:03 評論0 收藏0
• 

  Babel快速入門

  ...能運行的代碼，這個過程叫做源碼到源碼編譯，又稱轉(zhuǎn)譯（transpiling）。通過這個方式，我們就可以提前使用下一代的標準和特性進行編碼，然后在現(xiàn)在的環(huán)境下運行。 安裝Babel 通常我們使用Babel的babel-cli工具在命令行下進...

  notebin 2019-08-21 10:57 評論0 收藏0
• 

  你不知道的JavaScript（ES6與之未來）

  ...基于ES6來思考你的代碼，而是按它支持的特性考慮。 轉(zhuǎn)譯 特性的快速演變，給開發(fā)者們促使一個本來存在的問題惡化，他們熱衷于立即使用新特性，而同時被被現(xiàn)實打臉，他們的網(wǎng)站/app需要支持那些不支持這些特性的老版本...

  Julylovin 2019-08-20 16:41 評論0 收藏0
• 

  【用故事解讀 MobX 源碼（四）】裝飾器 和 Enhancer

  ...y，選擇這個插件就可以： 選完插件之后，代碼就會成功轉(zhuǎn)譯： 底下會提示 require is not defined 錯誤，這個錯誤并不影響你分析裝飾器的語法，因為有 @ 符號部分都已經(jīng)轉(zhuǎn)換成 ES5 語法了，只是這個報錯無法讓這段示例代碼運行...

  maybe_009 2019-08-22 18:30 評論0 收藏0
• 

  Webpack初學(xué)遇到的問題

  ...可，不需要babel-core，但是需要安裝babel-corebabel-core是babel轉(zhuǎn)譯器的核心，提供了babel轉(zhuǎn)譯的API，webpack中的bable-loader就是調(diào)用這些API來完成轉(zhuǎn)譯過程的。 Babel的功能包 babel-plugin-xxx: babel轉(zhuǎn)譯過程中使用到的插件，其中babel-plugin-transf...

  taoszu 2019-08-22 18:49 評論0 收藏0
• 

  babel基礎(chǔ)配置

  ...插件能自動為項目引入polyfill和helpers presets babel5會默認轉(zhuǎn)譯ES6和jsx語法，babel6轉(zhuǎn)譯的語法都要在perset中配置，preset簡單說就是一系列plugin包的使用。 預(yù)設(shè)就是一系列插件的集合，把之前的參數(shù)保存為一個預(yù)設(shè)，下次就能直接使...

  UsherChen 2019-08-23 14:58 評論0 收藏0
• 

  我他喵的到底要怎樣才能在生產(chǎn)環(huán)境中用上 ES6 模塊化？

  ...題分析 想要開心地寫 ES6 的模塊化代碼，首先你需要一個轉(zhuǎn)譯器（Transpiler）來把你的 ES6 代碼轉(zhuǎn)換成大部分瀏覽器都支持的 ES5 代碼。這里我們就選用最多人用的 Babel（我不久之前才知道原來 Babel 就是巴別塔里的「巴別」……）...

  KaltZK 2019-08-20 17:47 評論0 收藏0
• 

  平庸前端碼農(nóng)之蛻變 — AST

  ...些年的不計其數(shù)的插件誕生。我們歸納一下有：javascript轉(zhuǎn)譯、代碼壓縮、css預(yù)處理器、elint、pretiier，等。有很多js模塊我們不會在生產(chǎn)環(huán)境用到，但是它們在我們的開發(fā)過程中充當著重要的角色。所有的上述工具，不管怎樣，...

  dreamans 2019-08-23 13:43 評論0 收藏0