@browserify / 博客 RSS 訂閱

Jun 22 2020

浪遏飛舟 - gulp構建react項目三：browserify處理jsx中模塊化問題

項目依賴模塊 目錄結構 gulp01 ├── src │ ├── components │ │ ├── Test │ │ | └── Test.jsx │ │ ├── Child │ │ | └── Child.jsx │ └── App.jsx ├── node_modules ├── index.js ├── gulpfile.js ├

gulp , browserify

收藏 評論

Nov 21 2016

shots - browserify 運行原理

摘抄於 Cson的博客 正好看browserify。。。。。看了幾遍不錯的博文。找到覺得很不錯的。 什麼是browserify 使用browerify，使代碼能同時運行於服務端和瀏覽器端。 Browserify 可以讓你使用類似於 node 的 require() 的方式來組織瀏覽器端的 Javascript 代碼，通過預編譯讓前端 Javascript 可以直接使用

browserify

收藏 評論

Oct 31 2016

shaochuancs - 用Browserify構建antd-mobile應用

antd-mobile是螞蟻金服出的移動端設計指南和前端框架，它提供了一套基於React的移動端組件庫，可以很方便地用來開發體驗良好的移動應用。 使用antd-mobile遇到的問題：react-native模塊找不到 在閲讀了antd-mobile的介紹説明後，使用這一組件庫似乎很簡單，要做的只是安裝和引入組件而已： 安裝 $ npm install antd-mobile --save 引入組

browserify , Javascript

收藏 評論

Apr 13 2016

joe_sky - 如何在Gulp中提高Browserify的打包速度

使用Browserify打包js時如果項目變得越來越大，編譯時間就會相應變得越來越長。使用官方的插件watchify是個比較有效的提高速度方案。 提速原理 watchify的用法和gulp的watch方法比較類似，都是監控文件的改動來觸發一些操作。在gulp中我們可以把一個完整的任務拆分成很多個局部任務，然後使用gulp.watch對這些局部任務進行監聽，例如： gulp.task('build-

gulp , browserify , node.js , 自動化構建工具 , Javascript

收藏 評論

Aug 14 2020

Raymond - 瞎折騰：在html中使用 require/exports 或 import/export

本文又名 : 解析 require/exports 或 import/export 為 html 可識別的代碼 Uncaught ReferenceError: require is not defined 我一點也不想部署 webpack/gulp，僅僅只想在單個html中使用 require/exports 或 import/export # 正文前的簡略科普 require/exp

browserify , babel , 前端

收藏 評論

Apr 11 2016

joe_sky - 基於 Gulp + Browserify 構建 ES6 環境下的自動化前端項目

隨着React、Angular2、Redux等前沿的前端框架越來越流行，使用webpack、gulp等工具構建前端自動化項目也隨之變得越來越重要。鑑於目前業界普遍更流行使用webpack來構建es6(ECMAScript 2015)前端項目，網上的相關教程也比較多；相對來説使用gulp來構建es6項目的中文教程就比較少。 經過一段時間的摸索，我覺得其實使用gulp也可以很方便地構建es6項目。以下

gulp , browserify , ecmascript-6 , node.js , Javascript

收藏 評論

Feb 22 2017

whale - 前端構建工具的區別與聯繫

前端自動化構建工具，我個人將其分為兩類：構建工具、模塊化工具。但由於模塊化工具的功能越來越豐富，兩者之間的界限也越來越模糊。 構建工具主要有：Gulp和Grunt 模塊化工具主要有：Webpack、Browserify，以及瀏覽器端的模塊化實現SeaJs、RequireJs 構建工具 Gulp：Gulp的處理過程，可以簡化為，以流的形式讀入文件 - 文件

gulp , browserify , seajs , webpack

收藏 評論

Jan 31 2016

時間被海綿吃了 - 使用gulp 進行ES6開發

一説起ES6，總會順帶看到webpack、babel、browserify還有一些認都不認識的blabla名詞，對於gulp才會一點點的我來説，內心簡直是崩潰的，上網查了一些文章，探索着用gulp搭起一個ES6的開發模式，總之先一邊學ES6一邊寫吧。。然後再讓這個流程更加。。高級。 開始 ES6有很多新特性讓人忍不住想去嘗試，然而各種瀏覽器的支持程度還不足以讓我們直接在瀏覽器上執行ES6的

browserify , ecmascript-6 , gulp-babel , Javascript

收藏 評論