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

• 

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

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

  freecode 2019-08-21 14:07 評(píng)論0 收藏0
• 

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

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

  劉東 2019-08-30 15:55 評(píng)論0 收藏0
• 

  webpack的Babel加載器

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

  Ali_ 2019-08-23 11:54 評(píng)論0 收藏0
• 

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

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

  SwordFly 2019-08-30 15:55 評(píng)論0 收藏0
• 

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

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

  hyuan 2019-08-20 12:06 評(píng)論0 收藏0
• 

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

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

  DC_er 2019-08-01 15:54 評(píng)論0 收藏0
• 

  ES2015 的高性能及其改進(jìn)方向

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

  Aceyclee 2019-08-21 11:36 評(píng)論0 收藏0
• 

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

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

  raise_yang 2019-08-23 14:03 評(píng)論0 收藏0
• 

  Babel快速入門(mén)

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

  notebin 2019-08-21 10:57 評(píng)論0 收藏0
• 

  你不知道的JavaScript（ES6與之未來(lái)）

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

  Julylovin 2019-08-20 16:41 評(píng)論0 收藏0
• 

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

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

  maybe_009 2019-08-22 18:30 評(píng)論0 收藏0
• 

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

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

  taoszu 2019-08-22 18:49 評(píng)論0 收藏0
• 

  babel基礎(chǔ)配置

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

  UsherChen 2019-08-23 14:58 評(píng)論0 收藏0
• 

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

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

  KaltZK 2019-08-20 17:47 評(píng)論0 收藏0
• 

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

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

  dreamans 2019-08-23 13:43 評(píng)論0 收藏0