如何生成js插件精品文章

• 

  如何優(yōu)雅的使用vue+Dcloud（Hbuild）開發(fā)混合app

  如何優(yōu)雅的使用vue+Dcloud（Hbuild）開發(fā)混合app 最近在做混合app，前端框架用的是vue，打包app使用的是Dcloud，不過在開發(fā)過程中有一點(diǎn)不爽的是，如果想使用Dcloud提供的plus這個(gè)環(huán)境變量，難倒每次都得使用npm run build先把vue打包...

  zhaofeihao 2019-08-29 15:29 評(píng)論0 收藏0
• 

  如何優(yōu)雅的使用vue+Dcloud（Hbuild）開發(fā)混合app

  如何優(yōu)雅的使用vue+Dcloud（Hbuild）開發(fā)混合app 最近在做混合app，前端框架用的是vue，打包app使用的是Dcloud，不過在開發(fā)過程中有一點(diǎn)不爽的是，如果想使用Dcloud提供的plus這個(gè)環(huán)境變量，難倒每次都得使用npm run build先把vue打包...

  fsmStudy 2019-08-22 17:27 評(píng)論0 收藏0
• 

  webpack原理

  ...文件內(nèi)容。 輸出文件分析 雖然在前面的章節(jié)中你學(xué)會(huì)了如何使用 Webpack ，也大致知道其工作原理，可是你想過 Webpack 輸出的 bundle.js 是什么樣子的嗎？ 為什么原來一個(gè)個(gè)的模塊文件被合并成了一個(gè)單獨(dú)的文件？為什么 bundle.js ...

  trigkit4 2019-08-26 11:55 評(píng)論0 收藏0
• 

  前端開發(fā)之走進(jìn)Vue.js

  ...幫助大家認(rèn)識(shí)Vue.js，了解Vue.js的開發(fā)流程，并進(jìn)一步理解如何通過Vue.js來構(gòu)建一個(gè)中大型的前端項(xiàng)目，同時(shí)做好相應(yīng)的部署與優(yōu)化工作 Vue.js簡介 從上圖的介紹中我們不難發(fā)現(xiàn)Vue.js是一款輕量級(jí)的以數(shù)據(jù)驅(qū)動(dòng)的前端JS框架，其和jQ...

  zxhaaa 2019-08-20 15:20 評(píng)論0 收藏0
• 

  基于webpack4的VUE多頁腳手架

  鏈接 寫在前面 為什么要自己手寫一個(gè)腳手架？ 如何去思考遇到的問題？ 正文 鏈接 原文鏈接 github whale-vue ——寫在前面 1、為什么要自己手寫一個(gè)腳手架？ 在寫這個(gè)腳手架之前我也深深的問過自己，在我工作的項(xiàng)目中...

  張金寶 2019-08-23 18:40 評(píng)論0 收藏0
• 

  如何從0開發(fā)一個(gè)Atom組件

  最近用Atom寫博客比較多，然后發(fā)現(xiàn)一個(gè)很嚴(yán)重的問題。。沒有一個(gè)我想要的上傳圖片的方式，比如某乎上邊就可以直接copy/paste文件，然后進(jìn)行上傳。然而在Atom上沒有找到類似的插件，最接近的一個(gè)，也還是需要手動(dòng)選擇文...

  lauren_liuling 2019-08-22 16:14 評(píng)論0 收藏0
• 

  Webpack入門到精通（1）

  ...pack.config.js / webpackfile.js 一般情況下我們會(huì)選擇前一種） 如何手動(dòng)配置webpack呢？其實(shí)比較簡單 (1)創(chuàng)建webpack.config.js 配置文件 由于webpack是node.js的框架所以配置文件中要采用node語法來進(jìn)行編輯。 const path = require(path); //webpack內(nèi)...

  wangbinke 2019-08-26 13:52 評(píng)論0 收藏0
• 

  Babel從入門到插件開發(fā)

  ...而這些開發(fā)，在Babel的插件體系開發(fā)下，變得一體化了。 如何使用 使用方式有很多種： webpack中作為js(x)文件的loader使用； 單獨(dú)在Node代碼中引入使用； 命令行中使用：package.json中配置： scripts: { build: rimraf lib && babel src --out...

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

  Webpack入門到精通（1）

  ...pack.config.js / webpackfile.js 一般情況下我們會(huì)選擇前一種） 如何手動(dòng)配置webpack呢？其實(shí)比較簡單 (1)創(chuàng)建webpack.config.js 配置文件 由于webpack是node.js的框架所以配置文件中要采用node語法來進(jìn)行編輯。 const path = require(path); //webpack內(nèi)...

  SunZhaopeng 2019-05-23 17:29 評(píng)論0 收藏0
• 

  自定義前端構(gòu)建工具生成器 generator-pg-cloud

  ...這是最基本的，如果想使用單元測(cè)試，請(qǐng)安裝mocha,不知道如何安裝的自行百度，不再贅述。 YES!,現(xiàn)在該本文的正角兒出場(chǎng)了，$npm install -g generator-pg-cloud,如果沒有報(bào)錯(cuò)，相信生成器已經(jīng)安裝在你電腦上的nodejs根目錄了。 現(xiàn)在讓...

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

  [譯]教程：如何使用Rollup打包JavaScript

  教程：如何使用Rollup打包JavaScript 通過這個(gè)系列教程一步一步學(xué)習(xí)如何使用更小更快的Rollup取代webpack和Browserify打包JavaScript文件。 這周，我們要使用Rollup構(gòu)建我們的第一個(gè)項(xiàng)目，Rollup是一個(gè)打包JavaScript(和樣式，不過下周才會(huì)...

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

  ?使用webpack配置多頁面應(yīng)用(MPA)

  ...ebpack-merge 這個(gè)插件進(jìn)行合并的。 配置多頁應(yīng)用的關(guān)鍵點(diǎn) 如何使用 webpack 配置多頁面應(yīng)用呢？實(shí)現(xiàn)多頁面應(yīng)用的關(guān)鍵點(diǎn)在哪里呢？首先需要簡單看一下多頁應(yīng)用和單頁應(yīng)用功能的區(qū)別。 單頁應(yīng)用的特點(diǎn)： 只有一個(gè)入口頁面（inde...

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

  基于 Gulp 的簡易前端自動(dòng)化工程搭建

  ...gulp-rev實(shí)現(xiàn)了給文件名添加哈希編碼，但是在打包完成后如何讓原來未添加哈希值的引用自動(dòng)變?yōu)橐呀?jīng)添加哈希值的引用，這里用到gulp-rev的一個(gè)插件gulp-rev-collector，配置如下： //將處理過的css，js引入html gulp.task(reCollector,()=>{ ...

  Blackjun 2019-08-22 10:36 評(píng)論0 收藏0
• 

  從0到1搭建webpack2+vue2自定義模板詳細(xì)教程

  ... webpack 在哪里打包應(yīng)用程序。webpack 的 output 屬性描述了如何處理歸攏在一起的代碼(bundled code)。output 選項(xiàng)控制 webpack 如何向硬盤寫入編譯文件。注意，即使可以存在多個(gè)入口起點(diǎn)，但只指定一個(gè)輸出配置。 在 webpack 中配置output ...

  cartoon 2019-08-20 16:38 評(píng)論0 收藏0