webpack2.0配置postcss-loader的方法
本文介紹使用webpack2.0配置postcssloader,分享給大家。具體如下:
安裝postcss-loader
npm install --save-dev postcss-loader
然后配置webpack.config.js
{ test:/\.css$/, use:[ 'style-loader','css-loader?importLoaders=1','postcss-loader' ] }
一種辦法是配置postcss.config.js
module.exports = { plugins: [ require('autoprefixer')({ /* ...options */ }) ] }
第二張辦法是webpack.config.js使用LoaderOptionsPlugin
module.exports = { plugins: [ new webpack.LoaderOptionsPlugin({ options: { postcss: function(){ return [ require("autoprefixer")({ browsers: ['ie>=8','>1% in CN'] }) ] } } }) ] }
以上就是本文的全部內(nèi)容,希望對大家的學(xué)習(xí)有所幫助,也希望大家多多支持腳本之家。
相關(guān)文章
JavaScript為事件句柄綁定監(jiān)聽函數(shù)實例詳解
這篇文章主要介紹了JavaScript為事件句柄綁定監(jiān)聽函數(shù)的方法,結(jié)合實例詳細分析了常見的事件句柄綁定監(jiān)聽函數(shù)的實現(xiàn)技巧,并實例講解了跨瀏覽器的實現(xiàn)方法,需要的朋友可以參考下2015-12-12如何在uniapp中獲取可視區(qū)域的高度(uni.getSystemInfo)
這篇文章主要給大家介紹了關(guān)于如何在uniapp中獲取可視區(qū)域的高度(uni.getSystemInfo)的相關(guān)資料,文中通過圖文以及實例代碼介紹的非常詳細,對大家學(xué)習(xí)或者使用uniapp具有一定的參考學(xué)習(xí)價值,需要的朋友可以參考下2023-04-04JavaScript生成二維數(shù)組的多種方法小結(jié)
我經(jīng)常在面試中問候:你能用?JavaScript?生成一個二維數(shù)組嗎?這個問題看似簡單,實際上卻能揭示出面試者對?JavaScript?的熟練程度,天,就讓我們一起來探索這個問題背后的答案,揭開生成二維數(shù)組的多種秘密,需要的朋友可以參考下2024-04-04JavaScript+HTML5 canvas實現(xiàn)放大鏡效果完整示例
這篇文章主要介紹了JavaScript+HTML5 canvas實現(xiàn)放大鏡效果,結(jié)合完整實例形式分析了javascript+HTML5 canvas針對圖片元素的獲取、響應(yīng)鼠標事件變換元素屬性相關(guān)操作技巧,需要的朋友可以參考下2019-05-05JS多個表單數(shù)據(jù)提交下的serialize()應(yīng)用實例分析
這篇文章主要介紹了JS多個表單數(shù)據(jù)提交下的serialize()應(yīng)用,接合實例形式分析了原生javascript實現(xiàn)多個表單提交時serialize操作相關(guān)使用技巧與操作注意事項,需要的朋友可以參考下2019-08-08