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

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

今天閑來無聊，重新來說說CSS3前綴的問題。在春節前和@一絲姐姐說起Sass中有關於gradient的mixins。姐姐說： 為什么還要用mixin呢？為什么不使用Autoprefixer？使用Autoprefixer，只需要輸入一行代碼，編譯器幫你做了一切，還糾結個毛mixin ...

css3書寫的時候，有時需要加上前綴，比如“-webkit-*、-moz-*”等等，但可能會寫的不完整或者是寫錯，也很麻煩，那么autoprefixer可以處理這些。 autoprefixer是一個后處理程序，不象Sass以及Stylus之類的預處理器。它適用於普通的CSS，可以實現css3代碼 ...

使用PurifyCSS可以大大減少CSS冗余 1.安裝 2.引入glob，因為我們需要同步檢查html模板，所以我們需要引入node的glob對象使用。在webpack.config.js文件頭部引入glob。引入purifycss-webpack 3.配置 ...

什么是屬性前綴? 為了瀏覽器的兼容性，有時候我們必須加入-webkit,-ms,-o,-moz這些前綴。目的就是讓我們寫的頁面在每個瀏覽器中都可以順利運行。例如： transition: width 2s; -moz-transition: width 2s; /* Firefox ...

1.首先在網上隨便找一張圖片，在src下新建images文件夾，將圖片放在文件夾內 2.在index.html中寫入代碼：<div id="pic"></div>來放置圖片 3.設置圖片的css 4.編寫完成后，進行打包，這時候會報錯，先不要慌，這是 ...

1.要使用less，首先使用npm安裝less服務 還需要安裝Less-loader用來打包使用。 2.在module中配置 3.在html中編寫一個div，在css中新建一個less文件 4.引入到entry.js ...