2 1 6 css的編譯與處理 1

webpack是以js檔案為入口打包的，那麼專案的css怎麼辦？如何引入？

css可以通過js檔案引入，但必須使用想用的loader

1、css-
loader，讓 css 可以被 js 正確的引入
2、style-
loader，讓 css 被引入後可以被正確的以乙個 style 標籤插入頁面
3、兩者的順序很重要，要先經過css-loader處理，再有style-loader處理

1、js檔案中引入css檔案

import test from

"./test.css
";

2、webpack.config.js設定

module:,]}

]}

style-loader的核心配置

都是以style標籤插入到head中，，中

1、insertat      style標籤插入在哪一塊區域 
2、insertinto    插入指定的dom
3、singleton     是否合併為乙個style標籤
4、transform     瀏覽器環境下，插入style到頁面錢，用js對css進行操作

insertat  --通常不去指定

直接設定為：top/bottom（頭部的上/下），也可以設定為物件 
options:

insertinto 

options:         
}

singleton

options:         
}

transform  --指定使用哪個js檔案對css進行修改

options:         
}

transform.js

module.exports=function(css)
return
css;
}

css-loader 核心配置

minimize    是否壓縮css   --去掉空格，換行，webpack4.0已經移除，推薦使用uglify進行壓縮

module      是否使用css模組化   --類似less，sass，可以使用模組的方式去寫css，而不是非要用less等 
alias       css中的全域性別名  --webpack4.0已經移除

}}

編譯原理與編譯構造 二義文法的處理 語義

本文依舊來自記筆記相當勤快的七公尺八同學。向他表示真誠的感謝！在前面的內容中，我們已經知道，想要解決二義文法的問題，必須新增附加條件。例 e e e e e e i 注意一下下圖中的i0 第一行式子是e e，那個撇不一定能看得清 具體推導過程如圖 此時可以推得構造表，但是此時是會有衝突的。我們只能強...

css筆記 web端小於1px設計的處理方法

html 偽元素after的高度為10px時chrome效果圖 偽元素after的高度為10px時firefox效果圖 偽元素after的高度為1px時chrome效果圖 偽元素after的高度為1px時firefox的效果圖 1 偽元素的高度大於1px時scale可以正常渲染，當高度為1時，sca...

Qt使用筆記（1） Qt的安裝與編譯

2.將全部檔案解壓到乙個目錄中，使用如下批處理 rem 設定vs的環境變數 set oldpath path set path c program files microsoft visual studio 9.0 common7 tools d qt 4.4.3 bin path call vsv...