構建工具

時間 2019-12-26

標籤構建工具简体版

原文原文鏈接

Vue 首屏加載優化

關於 Vue 首屏加載優化的一點總結

css

爲何咱們要作三份 Webpack 配置文件

在知乎上咱們經常會看到有同窗發問：BAT 等大型網站的前端工程是如何組織管理的？這的確是一個能夠發散的很廣的 Q&A，我想若是要我回答這個問題，不如先從 Webpack 配置提及。時至今日，Webpack 已經成爲前端工程必備的基礎工具之一，不只被普遍用於前端工…

前端

再見，babel-preset-2015

Babel 的官網上在9月宣佈 ES2015 / ES2016/ ES2017 等等 ES20xx 時代的 presets 統統被廢棄（deprecated），取而代之的是 babel-preset-env，而且承諾它將成爲「將來不會過期的（future-proof）」解決方案。

vue

[[vscode] 快速更新 package.json 裏的依賴版本](https://juejin.im/entry/593e5...

幫助 node 依賴保綠強迫症患者緩解症狀的良藥

node

手把手教你從零寫一個簡單的 VUE

今天給你們帶來的是實現一個簡單的相似 VUE 同樣的前端框架，VUE 框架如今應該算是很是主流的前端數據驅動框架，今天咱們來從零開始寫一個很是簡單的 VUE 框架，主要是讓你們知道最核心的 vue 部分是怎麼運轉起來的。包括數據綁定，模板處理，以及頁面渲染，數據驅動視圖等幾個部分

webpack

快速打造簡易高效的webpack配置

webpack給前端開發帶來了毋庸置疑的改變，它把JS，圖片，css都做爲模塊處理，同時具備開發便捷，自動化，兼容AMD寫法等等諸多無須贅述的優勢，更使人稱道的是其插件社區很是強大，對於不一樣的業務需求和技術需求社區都有大量插件可供使用。凡事都具備兩面性，許多人說：前端開發不再…

ios

npm 入門教程

Node.js 的出現使得用寫服務端應用成爲可能。Node.js 由 C++ 編寫而成而且構建於V8 引擎之上，所以運行得很快。一開始，Node.js 只是想運行於服務端環境，可是開發者們顯然不知足於此，開始創造各類工具來實現自動化任務。也由於此，基於 Node 的前端自動化工具（如Grunt, Gulp 和 Webpack)的出現也給前端開發帶來了翻天覆地的變化。git

本文最後更新時間爲 08.06.2017, 介紹了包括了 npm 當前現狀，以及 npm5 的一些改變。

web

Jenkins實現前端項目自動化集成打包部署

之前寫前端項目打包部署，都是手動運行命令，打包完，而後壓縮，再上傳到服務器解壓。
這種方式確實有點low而且效率也不高。
自從用了Jenkins持續集成工具，寫前端項目愈來愈工程化，不再用擔憂忘記部署項目，也不用煩躁每次打包壓縮後還要部署多個服務器和環境，更開心的是每次家…

vue-cli

webpack-dev-server 中 inline 和 HMR 的區別

webpack-dev-server webpack-dev-server 是一個小型的 node.js Express 服務器, 它使用 webpack-dev-middleware 中間件來爲經過 webpack 打包生成的資源文件提供 Web 服務。它還有一個經過 Socket.IO 鏈接着 we…

npm

Webpack中的靜態資源文件指紋

本文講解了在webpack中如何給靜態資源加hash值：每次構建過程都會生成一個新的hash，因此通常用於作版本控制；chunkhash是基於內容生成的，可是webpack把全部類型的文件都以js爲匯聚點打成一個bundle，改了css也會致使整個js的hash發生改變...

前端圖片預覽

不少時候咱們都會有圖片上傳的功能需求，若是咱們先將圖片上傳到服務器，而後在將返回結果顯示在前端，這樣的操做性能開銷太大，若是圖片一多，簡直要哭，並且萬一還碰到了上傳錯誤要刪除的，那簡直沒法想象了。因此咱們須要先將圖片在前端展現後，而後由用戶確認沒有問題了，再統一上傳，這樣纔是比…

基於 Vue 配置 axios

看完就會用的 GIT 操做圖解分析

不管你是前端仍是後臺，不管是運維仍是移動端研發，GIT 是逃避不了的東西，固然你說你要用 SVN，那不在此次的討論範圍以內。很少說，請看下文 GIT 圖解分析，10 分鐘學會 git 操做，固然下面的教程是爲實戰爲主，會跟你在別的網站看到的不同。

webpack入門必知必會

關於微信公衆號：前端呼啦圈（Love-FED）個人博客：勞卜的博客知乎專欄：前端呼啦圈前言這是我第一篇介紹webpack的文章，先從一個入門教程開始吧，後續會有更多相關webpack的文章推出。首先什麼是webpack？若是說它是一個打包工具那真的是有點大材小用了。…

分享 GitHub 上有趣、入門級的開源項目

之前全部的內容都是託管在 GitHub 上，如今用 Flask 寫了這個網站。查看、推薦項目、編輯、分發終於能夠程序化了 ?

webpack中hash和chunkhash是否是很眼熟？

後者很容易理解，由於chunk在webpack中的含義就是模塊，那麼chunkhash根據定義來就是模塊內容計算出來的hash值。這裏咱們還得提一個問題，好比像vue這些框架，把js和css共同放在一個裏面會時，咱們通常會用一個插件叫extract-text-webpack-…

vue-cli中的webpack配置

編輯模式下顯示正常，打開的時候不知道爲啥排版有問題。segementfalut連接在這裏版本號 vue-cli 2.8.1 (終端經過vue -V 可查看) vue 2.2.2 webpack 2.2.1 目錄結構 ├── README.md ├── build │ ├── …

webpack 插件拾趣 (1) —— webpack-dev-server

你或許會花上 30 分鐘的時間讀完本章，並掌握 webpack-dev-server 的使用方法、理清一些容易困惑的配置（如 publicPath）或概念（如 HMR）...

知多一點 webpack 的 CommonsChunkPlugin

hello~親愛的看官老爺們你們好~ 最近一直在學習 webpack 的相關知識。曾幾什麼時候我總以爲 webpack 的體系龐大而難以掌握，一直迴避不肯去學。然而偉人魯迅曾說過：世上太多事會因沒法掌握而使你狂躁不安，最好的解決方法就是硬着頭皮開始作！於是就從比較簡單的 Com…

VueJS 開發常見問題集錦

因爲公司的前端開始轉向 VueJS，最近開始使用這個框架進行開發，遇到一些問題記錄下來，以備後用。
主要寫一些官方手冊上沒有寫，可是實際開發中會遇到的問題，須要必定知識基礎。
CLI: Vue-CLI UI: Element HTML: Pug(Jade) CSS: Les…

vue-cli 自定義路徑別名 assets和static文件夾的區別 --save-dev和--save的區別

這是一篇vue-cli的幾個小知識點簡單介紹，適用於剛接觸vue-cli腳手架以及對此方面並不太瞭解的同窗，大佬們繞道。有須要的朋友能夠作一下參考，喜歡的能夠點波贊，或者關注一下，但願能夠幫到你們。相信有不少人知道vue-cli有兩個放置靜態資源的地方，分別是src/asse…

webpack：從入門到真實項目配置

自從出現模塊化之後，你們能夠將本來一坨代碼分離到個個模塊中，可是由此引起了一個問題。每一個 JS 文件都須要從服務器去拿，由此會致使加載速度變慢。Webpack 最主要的目的就是爲了解決這個問題，將全部小文件打包成一個或多個大文件，官網的圖片很好的詮釋了這個事情，除此以外，Web…

webpack 從入門到工程實踐

本文的初衷是和你一塊兒理清webpack的使用邏輯，以便能更加容易的編寫及拓展本身項目所需的配置文件。不過也得提早說明本文可能並非一篇好的能夠跟着操做的教程（想跟着一步步作的童鞋能夠看官方示例（https://webpack.js.org/guides/）和 webpack 入門，看這篇就夠了（http://www.jianshu.com/p/42e1...）。