原创 webpack4系列教程（八）：使用Eslint審查代碼 安裝： 配置： 使用： editorconfig:
前言： 本章內容，我們在項目中加入eslint配置，來審查校驗代碼，這樣能夠避免一些比較低級的錯誤。並且在團隊協作的時候，保持同一種風格和規範能提高代碼的可讀性，進而提高我們的工作效率。 安裝： eslint-config-standard
2020-06-14 20:17:24
原创 vue入門（一）：項目搭建 1. 開始 2. 下面正式寫代碼
前言 我的JS水平比較一般，而且還是跨專業半路出家，因此學習是唯一出路。vue並不是我接觸的第一個前端框架，之前學習過angular1.x，覺得不太容易，結果沒多久2版本就推出了，一看文檔：totally rewrite。WTF？？？1還沒
2020-06-14 20:17:24
原创 webpack4系列教程（九）：開發環境和生產環境 1. 構建開發環境 2.構建生產環境
1. 構建開發環境 如果你一直跟隨我前面的博文，那麼你對webpack的基礎知識已經有比較深刻的理解了。之前，我們一直執行着： npm run build 來打包編譯輸出我們的代碼，本文我們來看看如何構建一個開發環境，來使我們的開發變得方
2020-06-14 20:17:24
原创 webpack4系列教程（四）：處理項目中的資源文件（一） 1. Loader的使用 2. 處理項目中的CSS文件
1. Loader的使用 之前的博文已經介紹了Loader的概念以及用法，webpack 可以使用 loader 來預處理文件，這允許你打包除 JavaScript 之外的任何靜態資源， 甚至允許你直接在 JavaScript 模塊中 im
2020-06-14 20:17:24
原创 webpack4系列教程（七）：使用 babel-loader 1. 什麼是Babel 2. 在webpack中使用babel-loader
1. 什麼是Babel 如今 ES6 語法在開發中已經非常普及，甚至也有許多開發人員用上了 ES7 或 ES8 語法。然而，瀏覽器對這些高級語法的支持性並不是非常好。因此爲了讓我們的新語法能在瀏覽器中都能順利運行，Babel 應運而生。 B
2020-06-14 20:17:24
原创 webpack4系列教程（五）：處理項目中的資源文件（二） 1. 在項目中使用 less 2. 使用MiniCssExtractPlugin 3. postcss-loader
1. 在項目中使用 less 在 src/assets/ 下新建 common.less ： body{ background: #fafafa; padding: 20px; } 在 main.js 中引入 common.le
2020-06-14 20:17:24
原创 webpack4系列教程（二）：創建項目，打包第一個JS文件
傳送門 webpack4系列教程（一）：初識webpack 1. 創建項目 1.1 初始化一個項目 首先安裝nodejs，打開 nodeJs官網 直接下載安裝即可，安裝完畢後打開命令行工具，進入你的項目文件夾，執行 npm init 進行項
2019-01-11 13:24:50