webpack解決css兼容性問題小結(jié)
更新時(shí)間：2024年05月15日 09:39:05 作者：小強(qiáng)有個(gè)dream
這篇文章主要介紹了webpack解決css兼容性問題小結(jié),本文通過實(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)文章
非常漂亮的讓背景如此暗淡（一種彈出提示信息時(shí)頁面背景色調(diào)改變的方法）
非常漂亮的讓背景如此暗淡（一種彈出提示信息時(shí)頁面背景色調(diào)改變的方法）...2007-04-04
這篇文章主要介紹了解決pinyin-pro或pinyin.js庫方法未定義問題的步驟,包括正確下載、放置文件、使用相對(duì)路徑引用、檢查路徑及加載順序,文中通過代碼介紹的非常詳細(xì),需要的朋友可以參考下2025-06-06
weui框架實(shí)現(xiàn)上傳、預(yù)覽和刪除圖片功能代碼
weui框架暫時(shí)只有css文件，并沒有js文件實(shí)現(xiàn)其功能，我在其html+css后面增加了js實(shí)現(xiàn)其功能，為大家提供方便，也為自己保存記錄。具體實(shí)例代碼大家參考下本文2017-08-08
javascript 中iframe高度自適應(yīng)（同域）實(shí)例詳解
這篇文章主要介紹了javascript 中iframe高度自適應(yīng)（同域）實(shí)現(xiàn)代碼的相關(guān)資料,需要的朋友可以參考下2017-05-05
原生JS實(shí)現(xiàn)首頁進(jìn)度加載動(dòng)畫
這篇文章主要為大家詳細(xì)介紹了原生JS實(shí)現(xiàn)首頁進(jìn)度加載動(dòng)畫,具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2016-09-09
js下為表格內(nèi)部動(dòng)態(tài)添加行的代碼
最近的一個(gè)項(xiàng)目中在保存表單數(shù)據(jù)時(shí)，要用到一個(gè)動(dòng)態(tài)添加行的功能。平時(shí)動(dòng)態(tài)添加行只是在表格的最下面添加，現(xiàn)在在表格中間動(dòng)態(tài)添加行，而且表格內(nèi)部是包含并且單元格的，其實(shí)很簡(jiǎn)單，下面貼出代碼。2010-06-06
荷蘭程序員Gabor de Mooij提出了一種比Object.create()更好的新方法，他稱這種方法為"極簡(jiǎn)主義法"（minimalist approach）。下面通過本文給大家分享極簡(jiǎn)主義法編寫JavaScript類的相關(guān)知識(shí)，一起看看吧2017-11-11
關(guān)于JavaScript中的Delete一直沒有弄的很清楚，最近看到兩篇這方面的文章，現(xiàn)對(duì)兩文中部分內(nèi)容進(jìn)行翻譯(內(nèi)容有修改和添加，順序不完全一致，有興趣推薦看原文)，希望能對(duì)大家有所幫助2012-09-09
本文小編給大家分享一道js面試題--指針、帽子和女朋友的題目，非常有意思，感興趣的朋友參考下吧2016-11-11
這篇文章介紹了js使彈層下面body禁止?jié)L動(dòng)的方法，文中通過示例代碼介紹的非常詳細(xì)。對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值，需要的朋友可以參考下2022-06-06