原创 webpack_（第二章）_使用webpack的配置文件
webpack的配置文件 webpack是一個模塊打包工具，幫助我們把模塊都打包到一起，當引入圖片模塊和JS模塊，引入的流程和打包的方式肯定是不同的。加入引用的是JS文件，那麼直接拿過JS文件來執行就可以了，假如引入的是圖片文件，
2020-06-22 18:58:05
原创 webpack核心概念_（第三章）_使用loader打包靜態資源（樣式篇-下）
補充樣式打包： 1.css-loader常用的配置 如果要配置css-loader，那麼就不能寫字符串了，而要寫一個對象 { test: /\.scss$/, use: [
2020-06-22 18:58:01
原创 vue實戰_使用echarts
在 3.1.1 版本之前 ECharts 在 npm 上的 package 是非官方維護的，從 3.1.1 開始由官方 EFE 維護 npm 上 ECharts 和 zrender 的 package。 你可以使用如下命令通過 n
2020-06-22 18:03:14
原创 webpack核心概念_（第三章）_使用Loader打包靜態資源（樣式篇-上）
Loader打包樣式 當我們在src下寫一個樣式文件，並在index.js中引入使用該文件的樣式，運行發現出錯 import './index.css' ...... img.classList.add('image') 這是
2020-06-22 18:03:14
原创 Webpack和Code Splitting
一.Webpack和Code Splitting之間的關係 Code Splitting指的是代碼分割，什麼是代碼分割，代碼分割和webpack有什麼關係呢 CleanWebpackPlugin只能清理當前目錄生成的dist文件，
2020-06-22 18:03:14
原创 Webpack_（第三章）_實現對React框架代碼的打包
配置React代碼的打包 react代碼是一套非常先進的前端框架代碼，我們如果想寫react的代碼，如何進行react代碼的打包呢？ 在babel 的官網上的preset配置項，執行npm install --sava--dev
2020-06-22 18:03:14
原创 webpack_（第二章）_淺析webpack打包輸出的內容
淺談webpack打包知識點 在上次完成webpack基本配置之後 運行npm run bundle 打包 可以看到在我們打包的時候，輸出了非常多的提示命令，那輸出的這些信息是什麼意思呢？ 1.Hash： 對應的是本次打包唯一的
2020-06-22 18:03:14
原创 Webpack_（第三章）_使用Babel處理ES6語法
使用Babel處理ES6語法（1） 如何結合webpack與Babel使我們在項目中編寫ES6的語法 在index.js 寫一些ES6的語法 const arr = [ new Promise(() => {}), new
2020-06-22 18:03:14
原创 微信公衆號申請以及開發流程
開發一個新的公衆號，要在https://mp.weixin.qq.com上註冊，然後根據需求申請一個新的賬號，通常在1-7天內通過，通過就可以在微信中搜到了。 然後再微信公衆號平臺做一些基本的配置 開發環境準備 1.一個微信公衆
2020-06-02 03:28:13
原创 development 和 production 模式的區別
webpack中兩種開發模式development 和 production 的區分打包 當我們在開發一個項目的時候，一般用development這個環境進行項目的開發，在這個打包環境下，webpack我們使用了devserve，
2020-05-07 21:36:57
20
原创 Webpack_（高級概念4.1）_Tree Shaking 概念詳解
Tree Shaking 概念詳解 Tree Shaking指的是什麼？ 打開項目進入index.js文件中，清空代碼，然後打包項目，不會報錯，但是實際上會報一個警告 在這個webpack版本下，如果在webpack.confi
2020-04-28 06:07:36
原创 關於數組、對象的深淺拷貝
淺拷貝 數組和對象作爲JS的引用類型，直接使用賦值“=”的話，會把源數組、對象的地址賦值給新的數組、對象，並沒有實現數組的數據拷貝，這種方式實現的就是淺拷貝。賦值給另一個變量時，實際上是把另一個變量指向了與之相同的地址，當我們改變
2020-02-23 17:40:02
原创 Webpack_（第三章）_SourceMap的配置
SourceMap的配置 什麼是SourceMap？ 在webpack.config.js，在開發者模式mode: "development"下，默認SourceMap已經配置好，所以我們先關閉SourceMap mode:
2020-02-23 17:40:02
原创 webpack_（第三章）_核心概念_loader
Loader是什麼？ webpack是一個模塊打包工具，模塊不僅僅是js文件，還可以是圖片或者是css等等其他的任何內容。 那圖片和css是怎麼打包的呢？ 如果我們按照打包js的方式打包圖片，發現會報錯，這是爲什麼呢？ eg：co
2020-02-23 17:40:02
原创 Webpack_（第三章）_使用WebpackDevServer提升開發效率
使用WebpackDevServer提升開發效率 我們修改代碼，如果想在瀏覽器上正確運行，都需要手動打包npm run bundle,這樣的話我們的開發效率是非常低下的，我們希望，如果改了src下面的原代碼，那麼dist目錄就會自
2020-02-23 17:40:02