postcss-loader 簡單來來說就是 css3 的一些特性 在低版本瀏覽器也能運行，自動添加加前綴 如圖 就是 postcss-loader 的傑作源碼 <style lang="stylus" scoped> .home{ width 100% height ...

為了瀏覽器的兼容性，有時候我們必須加入-webkit,-ms,-o,-moz這些前綴。目的就是讓我們寫的頁面在每個瀏覽器中都可以順利運行。 1.安裝 2.在當前webpack.base.conf.js目錄新建一個postcss.config.js文件 　　這就 ...

CSS 樣式沖突問題 問題： 當文件中樣式名稱相同時，易出現樣式沖突問題，解決辦法如下： 解決： 以 layer.js 中彈出層 .layui-layer-page .layui-layer-content 樣式為例 源文件 .layui-layer-page ...

有兩個組件home和search 兩個組件中都有class為footer的元素 但是search的footer比home的多一條background的樣式 本地開發的時候沒問題，但是打包之后，home也被打包上了background的樣式 暫時處理方法是home和search的footer ...

安裝 合並、壓縮、添加前綴 修改配置文件 創建postcss.config文件 該文件 與package.json 同級 postcss.config文件注意點 我之前按照別人的一些配置，不是報錯、就是警告，上面那種配置是沒有報錯和警告的。如果有 ...

想要webpack幫忙自動加上“-webkit-”之類的css前綴，我們需要用到postcss-loader和它的插件autoprefixer 1.安裝 2.加loader 其實就是css-loader前面插一個postcss-loader 而參數 ...

為了瀏覽器的兼容性，有時候我們必須加入-webkit,-ms,-o,-moz這些前綴。目的就是讓我們寫的頁面在每個瀏覽器中都可以順利運行。 1.安裝 2.在根目錄新建一個postcss.config.js文件 這就是對postCSS一個簡單的配置，引入 ...

一、less文件打包和分離 　　1、要使用less，首先使用npm安裝less服務；還需要安裝Less-loader用來打包使用。 　　2、在module中配置 　　3、在html中編寫一個div，在css中新建一個less文件 ...