PostCSS 第29页

iview 自定义主题

less-loader的版本[email protected]二、修改build/utils.js添加对脚本的支持return{css:generateLoaders(),postcss

weixin_42851857·2020-06-29 06:52

【前端】那些容易忘掉的前端知识 webpack梳理篇

第一点，代码层面：体积更小（Tree-Shaking、压缩、合并），加载更快编译高级语言或语法（TS、ES6+、模块化、scss）兼容性和错误检查（Polyfill、postcss、eslint）第二点

一百个Chocolate·2020-06-29 05:06

vue前端开发使用vant遇到的坑

场景：项目引用了rem(postcss-pxtorem)，开发后发现计时器圆环在iphone6及iphoneX显示正常，在其它机型或安卓端都会出现偏移。

weixin_42383047·2020-06-29 04:04

编写第一个自已的postCSS插件——一步步填完官方文档中的坑——在vue项目中使用

官网教程https://dockyard.com/blog/2018/02/01/writing-your-first-postcss-plugin开始实操克隆官方模板库[email protected]

MusiCoder32·2020-06-29 03:14

(Emitted value instead of an instance of Error) postcss-viewport-units:

报错信息：(EmittedvalueinsteadofaninstanceofError)postcss-viewport-units:‘.mint-switch-core::after,.mint-switch-core

zoyoy·2020-06-29 00:49

react 移动端项目配置 postcss-pxtorem

前提*create-react-app创建的项目通过eject命令暴露出react全部配置安装配置postcss-pxtoremnpmipostcss-pxtorem-D添加rem转换插件webpack.config.js

yangdongnan·2020-06-28 21:29

CSS的未来已来

KRISACHAN前言最近听说TypeScript3.7添加了对OptionalChaining的支持，然后就想着给鱼头的脚手架ying-template的TS版本升级，然后在命令行发现这样的一句信息：‘postcss-cssnext

陈大鱼头·2020-06-28 20:49

解决vue-cli build打包后CSS浏览器兼容前缀自动去除的问题

我开发环境用的是scss，刚开始我还以为是scss处理器的问题，后来研究了下build脚本，发现人家把CSS统一用一个插件给压缩了，然后追查之下发现这个插件用了postCSS的autoprefixer插件

weixin_34403693·2020-06-28 18:13

说说vue项目中自动添加前缀的那些事

目前,vue-cli初始化的项目中已经自动帮我们配置好postcss了,而其中我们非常常用的一个插件就是autoprefixer,浏览器属性前缀自动补全:例如我写一个需要兼容属性:.head{display

weixin_34389926·2020-06-28 18:01

Progressive Web App

包括但不限于基于Node.js的前端工程化方案；诸如Webpack、Rollup这样的打包工具；Babel、PostCSS这样的转译工具；TypeScript、Elm这样转译至JavaScript的编程语言

weixin_34240520·2020-06-28 14:58

多页面应用的前端架构

子项目存在公共存在公共的配置文件例如postcss.config.js需要统一维护。解决方案一在一个项目中，使用entry配置多个html文件来实现多页面应用存在的利弊：配置简单打包效率低下灵活性差需

weixin_34100227·2020-06-28 11:07

postcss-px2rem配置

首先需要安装postcss-plugin-px2remnpminstall--save-devpostcss-plugin-px2rem复制代码可以在package.json中配置varpx2rem=require

weixin_33862514·2020-06-28 06:29

前端工程基础知识点--Browserslist (基于官方文档翻译）

它主要被以下工具使用：AutoprefixerBabelpost-preset-enveslint-plugin-compatstylelint-unsupported-browser-featurespostcss-normalizebr

weixin_33757609·2020-06-28 04:40

Webpack4:完整的项目搭建

此项目属于从零开始搭建React开发环境，主要知识点：eslint(代码检测)，按需加载（bundleimport）,react-router4.x,react-css-modules(css模块化),postcss

weixin_33729196·2020-06-28 04:27

vue中postcss怎么配置

主要是.postcssrc.js中的配置在进入主题之前先记录下node中读取文件路径的问题，node.js中的文件路径主要是包括__dirname，__filename，process.cwd()，./

weixin_33695450·2020-06-28 03:21

h5手机端自适应解决方案

现在手机端的项目比较多，自适应不用说那是必备技能了，目前应用的单位最多还是rem,然而每次在制作过程中需要自己计算rem值比较繁琐，现在分享下postcss-pxtorem的使用可以把px直接转换为rem

weixin_30667301·2020-06-27 23:49

解决PostCSS配置报警告问题

问题描述：ReplaceAutoprefixerbrowsersoptiontoBrowserslistconfig.Usebrowserslistkeyinpackage.jsonor.browserslistrcfile.Usingbrowsersoptioncausesomeerror.BrowserslistconfigcanbeusedforBabel,Autoprefixer,post

weixin_30664615·2020-06-27 23:08

vant-ui rem问题

vue-cli3.x项目引入vant-ui1.6.21,要求在项目中使用rem单位,但vant是px的.故,需要添加一个自动转换插件和一段修改html根元素的font-size值的脚本一.添加插件:npmipostcss-plugin-px2rem

weixin_30341745·2020-06-27 18:29

vue移动端 vw布局配置

vw-layout-in-vuevuecli2.x版本：第一步：Vuecli2.x安装npminstall-gvue-cli桥接工具：npmi-g@vue/cli-initvueinitwebpackvue-mobile第二步：安装PostCSS

Ringo_Nanami·2020-06-27 18:57

nuxt.js实战之移动端rem

vw+postcss-pxtorem或者vw+sass（自己实现px2rem），

san.hang·2020-06-27 15:07

nuxt项目中使用postcss-px2rem踩坑记

最近准备使用nuxt开发一个移动端的项目，在做技术调研时发现一款可以自动适配px和rem的神器，名为postcss-px2rem。于是，怀着激动的心情我开始了px2rem的采坑记。

图解前端·2020-06-27 14:27

Nuxt项目如何配置使用 Sass/postcss-px2rem/webpack-spritesmith

文章目录如何使用Sass如何整合postcss-px2rem如何使用webpack-spritesmith总结接上篇《Vue-Cli3.0如何配置使用Sass/postcss-px2rem/webpack-spritesmith

前端向朔·2020-06-27 07:29

铁乐与猫·2020-06-27 02:36

基于 vue-cli 的 Vue js 单页应用项目模板

技术栈Vue、Webpack、ES6、vue-router、Vuex、SASS、PostCSS等。参考Vue.js中文网vue-router中文网Vuex中文网Vue

大灰狼的小绵羊哥哥·2020-06-26 10:41

nuxt.js服务端渲染使用flexible.js和postcss-px2rem实现移动端自适应—淘宝弹性布局方案（750px设计稿）

在用vue做服务端渲染的时候需要对移动端做适配所以要用到postcss-2rem插件,第一步：首先下载flexible.js可加载阿里的cdn文件http://g.tbcdn.cn/mtb/lib-flexible

人间草木96·2020-06-26 01:07

css属性自动追加前缀与 mini-css-extract-plugin 插件打包冲突问题

webpack4+学习笔记：2.css属性自动追加前缀与mini-css-extract-plugin插件打包冲突问题postcss-loader简单来来说就是css3的一些特性在低版本浏览器也能运行，

devin_wyl·2020-06-25 23:55

CSS预处理器与CSS后处理器

来源:http://caibaojian.com给力的一篇关于CSS预处理器和CSS后处理器的分析文章，介绍了CSS预处理器的框架（SASS、LESS和Stylus）和CSS后处理器框架（rework和postcss

前端大镖客·2020-06-25 18:56

手把手教你vue-cli3搭建项目实现移动端自适应----- flexible和 postcss-px2rem

1、安装flexible和postcss-px2rem自适应的开发方式下，仍然可以如此：你在设计图上量到的像素（px）是多少你就可以写多少px。

CSS大魔法师·2020-06-25 15:20

umi配置chainWebpack，使用自定义loader----jsx-px2rem

umi本身提供了postcss、cssloader等，但是要

王二博·2020-06-25 13:18

项目代码结构（Vue-cli中的配置文件）介绍

是在开发的项目中的第三方的依赖；package-lock.json：是package的锁文件，帮助我们确认安装的第三方包的具体的版本，使团队编译可以统一；index.html：是项目默认的协议模板文件；postcssrc.js

李浩然_6fd1·2020-06-25 08:28

vue使用 postcss-loader和autoprefixer插件

使用postcss-loader和autoprefixer插件，可以自动处理样式，给样式加上兼容前缀1.npmipostcss-loaderautoprefixer-D2.新建postcss.config.js

风中一品狼·2020-06-25 04:09

vue:将px转化为rem，适配移动端vant-UI等框架(postcss-pxtorem)

引入lib-flexible在main.js中引入lib-flexibleimport'lib-flexible/flexible'3.设置meta标签通过meta标签，设置设备宽度以及缩放比例4.安装postcss-pxtorem

未知异常·2020-06-25 02:09

React多页面应用2(webpack4 处理CSS及图片,引入postCSS,及图片处理等)

1、React多页面应用1(webpack4开发环境搭建,包括热更新,api转发等)---2018.04.042、React多页面应用2(webpack4处理CSS及图片,引入postCSS,及图片处理等

前端人人·2020-06-25 02:44

vw适配中使用伪类选择器遇到的问题

一开始我准备使用rem布局，以前使用rem布局，都采用的是AMFE团队发布的lib-flexible，但是在flexible的redeme的一开始我就读到了这么一段话，官方指引我使用vw实现适配依据引导，我启用了postcss

perryliuPC·2020-06-24 19:16

vue 移动端H5网页适配

自己记录一下现在做的项目中的知识点，也方便自己之后查看，哈哈哈哈哈哈哈一、准备工作安装依赖yarnaddpostcss-px2rem-exclude--saveyarnaddlib-flexible--

panda329·2020-06-24 19:05

pc端px转换为rem针对屏幕分辨率进行页面适配

最近接手了一个pc端的项目，虽然按照常用的栅格布局+postcss-pxtorem插件对px转换的方法对页面做了适配，使页面无论在pc端打开还是在移动端打开都能自适应，但是在高清分辨率下的页面比如5k高清

执着明日·2020-06-24 18:23

一个比 webpack 快10倍的打包工具

作为奇舞团的一个小小程序媛，每天都在不断地接受新知识，PostCSS刚学完，PostHTML又出来了。刚研究明白Rollup的配置，又有一个横空出世的打包工具——Parceljs。

moonpure·2020-06-24 15:36

基于webpack3.x从0开始搭建React开发环境

需要实现的功能有：使用Babel编译ES6编译.jsx文件实现热更新编译CSS预处理文件Less，CSS后处理文件PostCSS提取公共的CSS样式到一个公共的文件中压缩js，减小js文件的大小抽取公共的第三方

葡萄糖o_o·2020-06-24 03:14

在VUE中使用REM布局【结合postcss-pxtorem和amfe-flexible实现移动端适配】

在VUE中使用REM布局这里是的实现思路是①通过postcss-pxtorem实现将px转成rem。②使用amfe-flexible插件进行HTML根节点的初始化。

lander_xiong·2020-06-24 02:02

webpack 配置 postcss

postcss-loader!sass-loader?

泽赫·2020-06-23 22:05

postcss

(PostCSS)https://github.com/postcss/postcssPostCSS是一个允许使用JS插件转换样式的工具。

EdmundChen·2020-06-23 20:37

深入浅出PostCSS

1、介绍什么是PostCSSPostCSS是一个允许使用JS插件转换样式的工具。

码农随想录·2020-06-23 07:45

CSS3 强势笔记 ~

文章目录CSS3css属性查找网站处理兼容性的插件预处理器和后处理器pre-processor（预处理器）post-processor（后处理器）postCssCSS3SelectorRelationshipSelectorsE

一寸灰_du·2020-06-23 04:17

element-ui样式不能被修改？修改element样式问题

首先我们要了解一下vuescoped是什么，很多人非常喜欢用scoped，其实scoped也没有很神秘的，它就是基于PostCss的，加了一个作用局的概念。

dcaix89·2020-06-23 03:08

前端必备的网络基础

现如今前端圈已经发生翻天覆地的变化，Vue，React，ES6，HTML5，CSS3，Webpack,PostCss等技术层出不

CaseyWei·2020-06-22 20:15

搭建一个vue-cli4+webpack移动端框架（开箱即用）

技术栈：vue-cli4+webpack4+vant+axios+less+postcss-px2rem源码github.com/Michael-lzg…//安装依赖npminstall//本地启动npmrundev

弹琴弹琴·2020-06-22 17:43

从零开始在vue-cli4配置自适应vw布局的实现

简介viewportWidth也是vw布局从配置上来说比rem布局简洁了很多，bu需要配置安装lib，也不需要增加一个rem.js文件简称拎包使用安装包npminstallpostcss-px-to-viewport-D

·2020-06-22 08:48

Webpack3.0快速入门（二）-- CSS处理与ES6编译

FireBird_one·2020-06-21 20:48

如何搭建一个vue-cli4+webpack移动端框架？本文详解