轉(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ù)編譯處理（二）安裝使用篇

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

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

  webpack的Babel加載器

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

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

  Babel快速入門

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

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

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

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

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

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

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

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

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

  ...是只有 polyfill 時需要的。例如 Object.assign 函數(shù)。當(dāng) 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
• 

  使用Babel和ES7創(chuàng)建JavaScript模塊

  ...你目前不打算支持它們，可以用一種叫Babel的工具把它們轉(zhuǎn)譯回ES5。一旦你準(zhǔn)備支持它們了，就可以讓Babel停止轉(zhuǎn)譯。 讓我們來看一眼具體如何操作。我們將在Node.js與NPM中實現(xiàn)它。試試看執(zhí)行這個文件； src/letter_keys.js // you would ...

  jindong 2019-08-19 18:17 評論0 收藏0
• 

  Typescript 構(gòu)建命令行工具上手指南

  ...合繼續(xù)閱讀文章。項目由 TypeScript 構(gòu)建，npm 發(fā)布時自動轉(zhuǎn)譯成 JavaScript，因此可以隨意使用 async/await 等等最新語法和類型檢測。同時利用 ts-node直接在 TypeScript 環(huán)境下進(jìn)行調(diào)試。項目代碼量很少，適合作為類似小工具的模版～ Ty...

  TNFE 2019-08-21 17:50 評論0 收藏0
• 

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

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

  Julylovin 2019-08-20 16:41 評論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會默認(rèn)轉(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
• 

  微信小程序模塊化開發(fā)實踐

  ...構(gòu)的具體實現(xiàn) 了解Javascript打包工具: webpack 了解ES6/7代碼轉(zhuǎn)譯(transcompile)工具: Babel, 原理大致是借助語法分析工具(Esprima之類的), 將代碼解析成抽象語法樹, 再重寫成最終的代碼. Javascript測試工具: jest, mocha等等, 請根據(jù)需要選擇. ...

  luxixing 2019-08-20 13:29 評論0 收藏0