學習webpack4 ES6語法轉化

學習webpack4 - 基礎配置

學習webpack4 - html處理

學習webpack4 - 樣式處理

學習webpack4 - es6語法轉化

學習webpack4 - 第三方庫的使用

學習webpack4 - 抽離公共**

...持續中

注意：開始之前以下內容之前，需要配置一些webpack的基礎配置，傳送門：學習webpack4.x - 基礎配置

當前目錄結構為：

let minics***tractplugin = require('mini-css-extract-plugin'); //抽離css

let optimizecssplugin = require('optimize-css-assets-webpack-plugin'); //優化項，比如壓縮css等

let uglifyjsplugin = require('uglifyjs-webpack-plugin'); //壓縮js

module.exports = )]},

//開乙個本地服務

devserver: ,

entry: './src/index.js',

output: ,

// 模組配置

module: ]

},//外掛程式配置

plugins: [

new htmlwebpackplugin(),

new minics***tractplugin()

]}

,

"devdependencies": 
}

const fn = () => 

fn ();

將es6轉成es5，需要babel-loader，配置規則為：

module.exports = }}

}};

yarn add babel-loader @babel/core @babel/preset-env -d

重構之路 webpack配置es6語法

之前已經寫好了最簡單的乙個webpack配置，並且已經可以執行js了，但是，新時代的前端肯定要寫es6啊，但是我們在index.js裡寫上es6的語法時，比如 使用es6裡的set和擴充套件運算子來實現陣列去重 varset new set 1 2,2 3,3 4,4 5,5 console.log...

ES6語法學習

let 變數 和const 常量 let name jarvis const name jarvis let相當於之前的var，作用域可以是全域性或者塊級作用域，不同作用域互不干擾。注意 1.沒有預解析，不存在變數提公升在 塊內，只要let定義變數，在之前使用，都是報錯 2.同乙個作用域裡，不能重複...

學習筆記 ES6 基礎語法

let 關鍵字就是 var 的公升級版，它具有以下特點 let 的作用域 以前我們實現點乙個按鈕，就彈出當前按鈕的索引值，使用的如下 for var i 0 i btns.length i i 這是運用了立即執行函式造成閉包，給每個按鈕分配了乙個 i，這裡的 i 都是函式級作用域 我們將 var 變...