11篇文章 · 5934字 · 2人關(guān)注
-
webpack 4.0 學(xué)習(xí)日志（十一）—— 構(gòu)建開發(fā)和生產(chǎn)環(huán)境-分離配置文件框架1. 前言 以前本系列教程的其中一篇文章 13. 生產(chǎn)環(huán)境 vs 開發(fā)環(huán)境 有寫過如何處理開發(fā)和線上環(huán)境的配置的差異性問題，之前我們是用一個(gè)環(huán)境...
-
webpack 4.0 學(xué)習(xí)日志（十）—— 加載和打包 Twitter Bootstrap 框架1. 準(zhǔn)備工作 先來(lái)復(fù)制一些 bootstrap 的代碼片斷。 src/index.html 注意析恢，本節(jié)使用的是 bootstrap 3，因?yàn)槟?..
-
webpack 4.0 學(xué)習(xí)日志（九）—— 如何打包圖片這節(jié)我們來(lái)講一個(gè)比較重要的內(nèi)容，就是如何打包圖片限次，這也是很多人問的一個(gè)問題。 我們首先在網(wǎng)站上加個(gè)圖片柴灯，就在 css 里加卖漫，加個(gè)背景圖。 src...
-
webpack 4.0 學(xué)習(xí)日志（八）—— 配置多個(gè) HTML 文件
之前我們只寫了一個(gè) html 文件赠群，就是 src/index.html羊始，但是有時(shí)候我們是需要多個(gè)的，這個(gè)時(shí)候查描，怎么辦呢突委？ 之前我們是這么做的，用...
-
webpack 4.0 學(xué)習(xí)日志（七）—— 用 clean-webpack-plugin 來(lái)清除文件
其實(shí) clean-webpack-plugin 很容易知道它的作用冬三，就是來(lái)清除文件的匀油。 一般這個(gè)插件是配合 webpack -p 這條命令來(lái)使用...
-
webpack 4.0 學(xué)習(xí)日志（六）—— 初識(shí) babel
1. 建立 babel 可能你不懂 babel 是什么，你可以把它理解為編譯器勾笆，它能把 react 代碼轉(zhuǎn)成一般瀏覽器可讀可執(zhí)行的代碼敌蚜，通常可以...
-
webpack 4.0 學(xué)習(xí)日志（五）—— 初識(shí) webpack-dev-server現(xiàn)在我們來(lái)學(xué)習(xí)一個(gè)最常用的插件 webpack-dev-server匠襟，一般來(lái)說钝侠，這個(gè)插件，大家都會(huì)用酸舍，特別是開發(fā)環(huán)境下帅韧。 我們之前使用 webp...
-
webpack 4.0 學(xué)習(xí)日志（四）—— 使用 loader 處理 CSS 和 Sass1. 什么是 loader 官方的解釋是這樣的： loader 用于對(duì)模塊的源代碼進(jìn)行轉(zhuǎn)換。loader 可以使你在 import 或"加載"模...
-
webpack 4.0 學(xué)習(xí)日志（三）——webpack 插件 html-webpack-plugin
1. 創(chuàng)建 index.html 首先在 dist 目錄下創(chuàng)建 index.html 文件啃勉，其內(nèi)容如下： 這樣忽舟，你在服務(wù)器上把這個(gè) index....
