postcss-loader 简单来来说就是 css3 的一些特性 在低版本浏览器也能运行，自动添加加前缀 如图 就是 postcss-loader 的杰作源码 <style lang="stylus" scoped> .home{ width 100% height ...

为了浏览器的兼容性，有时候我们必须加入-webkit,-ms,-o,-moz这些前缀。目的就是让我们写的页面在每个浏览器中都可以顺利运行。 1.安装 2.在当前webpack.base.conf.js目录新建一个postcss.config.js文件 　　这就 ...

CSS 样式冲突问题 问题： 当文件中样式名称相同时，易出现样式冲突问题，解决办法如下： 解决： 以 layer.js 中弹出层 .layui-layer-page .layui-layer-content 样式为例 源文件 .layui-layer-page ...

有两个组件home和search 两个组件中都有class为footer的元素 但是search的footer比home的多一条background的样式 本地开发的时候没问题，但是打包之后，home也被打包上了background的样式 暂时处理方法是home和search的footer ...

安装 合并、压缩、添加前缀 修改配置文件 创建postcss.config文件 该文件 与package.json 同级 postcss.config文件注意点 我之前按照别人的一些配置，不是报错、就是警告，上面那种配置是没有报错和警告的。如果有 ...

想要webpack帮忙自动加上“-webkit-”之类的css前缀，我们需要用到postcss-loader和它的插件autoprefixer 1.安装 2.加loader 其实就是css-loader前面插一个postcss-loader 而参数 ...

为了浏览器的兼容性，有时候我们必须加入-webkit,-ms,-o,-moz这些前缀。目的就是让我们写的页面在每个浏览器中都可以顺利运行。 1.安装 2.在根目录新建一个postcss.config.js文件 这就是对postCSS一个简单的配置，引入 ...

一、less文件打包和分离 　　1、要使用less，首先使用npm安装less服务；还需要安装Less-loader用来打包使用。 　　2、在module中配置 　　3、在html中编写一个div，在css中新建一个less文件 ...