webpack2.0配置postcss-loader的方法
更新時間:2017年08月17日 16:56:15 作者:蘇荷酒吧
本篇文章主要介紹了webpack2.0配置postcss-loader的方法,小編覺得挺不錯的,現(xiàn)在分享給大家,也給大家做個參考。一起跟隨小編過來看看吧
本文介紹使用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'] }) ] } } }) ] }
以上就是本文的全部內容,希望對大家的學習有所幫助,也希望大家多多支持腳本之家。
相關文章
JavaScript為事件句柄綁定監(jiān)聽函數(shù)實例詳解
這篇文章主要介紹了JavaScript為事件句柄綁定監(jiān)聽函數(shù)的方法,結合實例詳細分析了常見的事件句柄綁定監(jiān)聽函數(shù)的實現(xiàn)技巧,并實例講解了跨瀏覽器的實現(xiàn)方法,需要的朋友可以參考下2015-12-12如何在uniapp中獲取可視區(qū)域的高度(uni.getSystemInfo)
這篇文章主要給大家介紹了關于如何在uniapp中獲取可視區(qū)域的高度(uni.getSystemInfo)的相關資料,文中通過圖文以及實例代碼介紹的非常詳細,對大家學習或者使用uniapp具有一定的參考學習價值,需要的朋友可以參考下2023-04-04JavaScript+HTML5 canvas實現(xiàn)放大鏡效果完整示例
這篇文章主要介紹了JavaScript+HTML5 canvas實現(xiàn)放大鏡效果,結合完整實例形式分析了javascript+HTML5 canvas針對圖片元素的獲取、響應鼠標事件變換元素屬性相關操作技巧,需要的朋友可以參考下2019-05-05JS多個表單數(shù)據(jù)提交下的serialize()應用實例分析
這篇文章主要介紹了JS多個表單數(shù)據(jù)提交下的serialize()應用,接合實例形式分析了原生javascript實現(xiàn)多個表單提交時serialize操作相關使用技巧與操作注意事項,需要的朋友可以參考下2019-08-08