css添加前缀(js,webpack)更多日常使用的常用操作方法，可以在小滑轮网站的代码中注意添加一些地方。在项目中，有时在某种情况下需要添加css前缀。这个时候一般都是用js来加css。下面提供添加前缀的一般方法。/***@desc为不同浏览器的css属性添加私有前缀*@desc首先计算当前浏览器支持哪个前缀，支持哪个，就加上那个前缀。并非所有前缀都包括在内。*style:是一个字符串，例如：transform*return:string。例如：webkitTransform(驼峰模式，js插入css的属性都是驼峰格式)*/functionprefixStyle(style){letvendor=(()=>{letelementStyle=document.createElement('div').stylelettransformNames={webkit:'webkitTransform',Moz:'MozTransform',O:'OTransform',ms:'msTransform',standard:'transform',}for(letkeyintranformNames){如果(elementStyle[tranformNames[key]]!==undefined){returnkey}}returnfalse})()if(vendor===false){returnfalse}if(vendor==='standard'){returnstyle}返回供应商+style.charAt(0).toUpperCase()+style.substr(1)}使用webpack将css整体添加到项目前需要3步完成，需要用到两个插件（postcss-loader、autoprefixer），请使用（npm或yarn）下载这两个插件。需要更改webpack.config.js文件的配置，里面会用到这两个插件。在css的解析中，添加postcss-loader规则：[{test:/\.css$/,use:["style-loader","css-loader","postcss-loader"]}在plugins模块中，添加一个插件(autoprefixer)plugins:[require('autoprefixer')]需要在package.json中添加browserslist。这是为了确定浏览器的版本。browserslist的使用语法和规则请参考官网。Browserslist的数据来自CanIUse。"browserslist":["Firefox>20","iOS>=7","ie>=8","last5versions",">5%"]小的还有工具功能防抖栏目滑轮网站流字符串正则化...大家可以去看看，希望对大家的开发有所帮助~
