webpack解決css兼容性問(wèn)題小結(jié)
更新時(shí)間：2024年05月15日 09:39:05 作者：小強(qiáng)有個(gè)dream
這篇文章主要介紹了webpack解決css兼容性問(wèn)題小結(jié),本文通過(guò)實(shí)例代碼給大家介紹的非常詳細(xì),需要的朋友可以參考下
webpack解決css兼容性示例
npm install --save-dev postcss-loader autoprefixer
webpack.config.js
module.exports = {
entry: './src/index.js',
output: {
filename: 'main.js',
},
// mode: 'production', // 或者 'production'
module: {
rules: [{
test: /\.css$/i,
use: [
'style-loader',
'css-loader',
'postcss-loader'
]
}]
},
}創(chuàng)建postcss.config.js文件
postcss.config.js
module.exports = {
plugins: {
'autoprefixer': {
browsers: [
'> 1%',
'last 2 versions',
'not ie <= 8'
]
}
}
}src/index.js
import './module.css'
src/module.css
body {
display: flex;
}在打包的js文件中搜索webkit 或在瀏覽器打包審查元素， 可以看到前綴是有生效的
到此這篇關(guān)于webpack解決css兼容性示例：的文章就介紹到這了,更多相關(guān)webpack解決css兼容性內(nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！
相關(guān)文章
JavaScript操作XML實(shí)例代碼（獲取新聞標(biāo)題并分頁(yè)，并分頁(yè)）
XML 代碼部分 這是一個(gè)新聞的XML 文件，如果 NBody部分包含 XML 和Html 不可識(shí)別部分， 就 包含在DATA 表示附中。2010-05-05
JS實(shí)現(xiàn)拖拽元素時(shí)與另一元素碰撞檢測(cè)
這篇文章主要為大家詳細(xì)介紹了JS實(shí)現(xiàn)拖拽元素時(shí)與另一元素碰撞檢測(cè)，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2020-08-08
這篇文章主要介紹了js如何給json對(duì)象添加、刪除、修改屬性問(wèn)題,具有很好的參考價(jià)值,希望對(duì)大家有所幫助,如有錯(cuò)誤或未考慮完全的地方,望不吝賜教2023-10-10
本篇文章主要介紹了webpack處理 css\less\sass 樣式的方法，小編覺(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2017-08-08
TypeScript語(yǔ)法詳解之類(lèi)型操作的補(bǔ)充
TypeScript最大的一個(gè)特點(diǎn)就是變量是強(qiáng)類(lèi)型的,也就是說(shuō)在聲明變量的時(shí)候我們必須給他一個(gè)類(lèi)型,下面這篇文章主要給大家介紹了關(guān)于TypeScript語(yǔ)法詳解之類(lèi)型操作的補(bǔ)充,需要的朋友可以參考下2022-08-08
TypeScript 憑借其強(qiáng)大的類(lèi)型系統(tǒng),提供了一項(xiàng)稱為泛型的功能,它使開(kāi)發(fā)人員能夠編寫(xiě)可重用和類(lèi)型安全的代碼,泛型允許您創(chuàng)建可以處理多種類(lèi)型（而不是單個(gè)類(lèi)型）的組件,本文深入探討了 TypeScript 泛型,提供了詳盡的解釋和代碼示例來(lái)說(shuō)明它們的用法和好處2024-02-02
這篇文章主要為大家詳細(xì)介紹了微信小程序自定義單項(xiàng)選擇器樣式，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2019-07-07
這篇文章主要給大家介紹了關(guān)于利用jsonp解決js讀取本地json跨域的問(wèn)題，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2018-12-12
防止Layui form表單重復(fù)提交的實(shí)現(xiàn)方法
今天小編就為大家分享一篇防止Layui form表單重復(fù)提交的實(shí)現(xiàn)方法，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧2019-09-09
來(lái)自chinaz的ajax獲取評(píng)論代碼
chinaz利用了ajax實(shí)現(xiàn)評(píng)論的讀取操作，下面我們參考chinaz的代碼2008-05-05