在webpack中，我们可以很方便的使用autoprefixer来为css3属性添加不同的浏览器前缀。 首先，需要安装autoprefixer不用多说了，其次是安装postcss-loader(npm install --save-dev postcss-loader) 接下来在webpack.co ...
分类：
Web程序 时间：
2018-06-14 18:24:05
阅读次数：
165
1:???? 首先安装依赖 npm install --save-dev webpack style-loader css-loader postcss-loader sass-loader autoprefixer 2:然后配置webpack module: { rules: [ { test: ...
分类：
Web程序 时间：
2018-06-14 18:21:08
阅读次数：
342
目录结构 webpack.config.js package.json postcss.config .bablelrc index.html app.js helloWorld/helloWorld.html helloWorld/helloWorld.js 这个可以在开发环境使用，在打包的时候遇 ...
分类：
Web程序 时间：
2018-06-11 15:53:54
阅读次数：
261
Babel 是一个javascript编译器，PostCSS 是一个样式转换工具。两者都可以看作是一个转化平台，我们可以在上面使用一些插件，来达到想要的代码转化。几乎每个前端项目都要使用它们。 Babel 配置 .babelrc 文件 PostCSS 使用webpack时配置 .postcssrc. ...
分类：
Web程序 时间：
2018-06-06 21:58:50
阅读次数：
229
下面是几种方法的公用部分（右自适应也是一样的，换一下方向） html: css: 1. 左脱离文档流，右margin 1.1 左float 1.2 左absolute 2. flex布局（左定宽，右flex设置为1，自动伸展，此处注意flex兼容性，可以通postcss等后处理器自动加上前缀） 效果 ...
分类：
Web程序 时间：
2018-06-03 12:34:39
阅读次数：
186
Scoped CSS规范是Web组件产生不污染其他组件，也不被其他组件污染的CSS规范。 vue组件中的style标签标有scoped属性时表明style里的css样式只适用于当前组件元素，它是通过使用PostCSS来改变以下内容实现的： 一、混合使用全局属性和局部属性 二、关于子组件的根元素 使用 ...
分类：
其他好文 时间：
2018-05-31 23:07:04
阅读次数：
1507
1.会生成css标签并插入到头部。 { test: /\.css$/, loaders: ["style-loader", "css-loader", "postcss-loader"] }, { test: /\.less$/, loaders: ["style-loader", "css-loa ...
分类：
Web程序 时间：
2018-05-11 23:55:42
阅读次数：
253
webpack的css压缩不兼容IOS8问题探索，cssnano和postcss共同集成autoprefixer的冲突问题 ...
分类：
移动开发 时间：
2018-05-10 21:41:35
阅读次数：
490
既然要用到postcss我们就需要在项目中先引入postcss-loader,这时候修改utils.js下的postcss: generateLoaders(‘css’) 括号里添加css 然后在build下新建postcss.conf.js,添加以下代码: exports.postfactory ...
分类：
Web程序 时间：
2018-04-28 14:27:36
阅读次数：
1643
1、postcss相关网站 https://www.postcss.com.cn/ https://www.ibm.com/developerworks/cn/web/1604-postcss-css/ 2、介绍 PostCSS 的主要功能只有两个：第一个就是前面提到的把 CSS 解析成 JavaS ...
分类：
Web程序 时间：
2018-04-24 20:27:18
阅读次数：
204
