webpack解决css兼容性问题小结
更新时间：2024年05月15日 09:39:05 作者：小强有个dream
这篇文章主要介绍了webpack解决css兼容性问题小结,本文通过实例代码给大家介绍的非常详细,需要的朋友可以参考下
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'
]
}]
},
}创建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 或在浏览器打包审查元素， 可以看到前缀是有生效的
到此这篇关于webpack解决css兼容性示例：的文章就介绍到这了,更多相关webpack解决css兼容性内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家！
相关文章
这篇文章主要介绍了JS实现把一个页面层数据传递到另一个页面的方式,本文给大家提供了两种方式，需要的朋友可以参考下2018-08-08
Laydate时间组件在火狐浏览器下有多时间输入框时只能给第一个输入框赋值的解决方法
这篇文章主要介绍了Laydate时间组件在火狐浏览器下有多时间输入框时只能给第一个输入框赋值的解决方法,需要的朋友可以参考下2016-08-08
这篇文章主要介绍了JS实现DIV容器赋值的方法,可结合ajax使用,涉及JavaScript针对页面元素的动态操作技巧,需要的朋友可以参考下2015-12-12
这篇文章主要为大家详细介绍了javascript实现超级炫酷的3D烟花特效，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2019-01-01
JavaScript学习小结(一)——JavaScript入门基础
本教程比较适合javascript初学者，对javascript基本知识的小结包括变量，基本类型等知识点，需要的朋友一起来学习吧2015-09-09
这篇文章主要介绍了echarts实现词云自定义形状的示例代码，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2019-02-02
这篇文章主要介绍了JavaScript防止全局变量污染的方法,结合实例形式较为详细的总结分析了JavaScript防止全局变量污染的常用操作技巧与注意事项,需要的朋友可以参考下2018-08-08
这篇文章主要为大家详细介绍了JavaScript实现抖音罗盘时钟，特别实用的效果，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2019-10-10
这篇文章主要介绍了JS开发自己的类库,结合实例形式分析了javascript开发类库的原理、组成及实现方法,需要的朋友可以参考下2019-08-08
flash导航条在网站建设中应用比较广泛，此种效果给浏览者带来极好的视觉效果，非常棒，下面小编给大家介绍基于JS实现导航条flash导航条，非常不错，具有参考借鉴价值，感兴趣的朋友一起学习吧2016-06-06
最新评论