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']
})
]
}
}
})
]
}
以上就是本文的全部內(nèi)容，希望對大家的學(xué)習(xí)有所幫助，也希望大家多多支持腳本之家。
相關(guān)文章
JavaScript實(shí)現(xiàn)向右伸出的多級網(wǎng)頁菜單效果
這篇文章主要介紹了JavaScript實(shí)現(xiàn)向右伸出的多級網(wǎng)頁菜單效果,通過javascript調(diào)用頁面元素屬性的動態(tài)改變實(shí)現(xiàn)向右展開菜單效果,具有一定參考借鑒價值,需要的朋友可以參考下2015-08-08
JavaScript 是近年來非常受矚目的一門編程語言，它既支持面向?qū)ο缶幊?，也支持函?shù)式編程。本文專門介紹JavaScript函數(shù)式編程的特性。2015-10-10
看看執(zhí)行后有什么效果,無論textbox1.text是什么值,都會時放條件判斷.為什么呢2009-06-06
微信小程序canvas.drawImage完全顯示圖片問題的解決
這篇文章主要介紹了微信小程序canvas.drawImage完全顯示圖片問題的解決，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2018-11-11
這篇文章主要介紹了微信小程序從注冊賬號到上架詳解,文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友可以參考下2019-07-07
JavaScript+Canvas實(shí)現(xiàn)繪制音頻可視化波形圖
這篇文章主要為大家詳細(xì)介紹了如何利用JavaScript和Canvas實(shí)現(xiàn)繪制音頻可視化波形圖,文中的示例代碼講解詳細(xì),感興趣的小伙伴可以跟隨小編一起學(xué)習(xí)一下2024-02-02
最近做了一個項目，涉及到某寶購物支付密碼的輸入框功能，下面小編把實(shí)現(xiàn)思路分享到腳本之家平臺供大家參考2016-12-12
[藍(lán)色]顏色漸變效果...2006-07-07
avalon js實(shí)現(xiàn)仿google plus圖片多張拖動排序附源碼下載
這篇文章主要介紹了avalon js實(shí)現(xiàn)仿google plus圖片多張拖動排序附源碼下載的相關(guān)資料,需要的朋友可以參考下2015-09-09
這篇文章主要介紹了js 數(shù)據(jù)類型判斷的方法，幫助大家更好的理解和使用JavaScript，感興趣的朋友可以了解下2020-12-12