PostCSS 第27页

Vue-cli 3.0创建Vue 项目

Manuallyselectfeatures(手动选择功能）3、选择项目需要的一些特性（此处我们选择需要使用Vue路由、Vue状态管理器）说明：键盘上下箭头控制方式，空格键控制是否选择4、选择Babel、PostCSS

在奋斗的大道·2020-07-29 03:52

从 PostCSS 插件，体验编码到发布全过程

因项目的需求，自己动手写了一个PostCSS插件postcss-px2vw，主要用于将px转成vw和rem，rem作为回退模式。

红顏漠·2020-07-28 20:52

2017-08-10读书笔记（Webpack学习笔记6）

shaocx·2020-07-28 10:26

umi学习笔记

extraPostCSSPlugins的配置定义额外的PostCSS插件，格式为数组。举例：umi配置extraPostCSSPlugins

岩_424f·2020-07-28 04:12

PostCSS真的太好用了！

在PostCSS官网有着这样的对PostCSS特性介绍，箭头后面是对应功能的插件及其github地址。

趁你还年轻233·2020-07-28 01:57

vue做移动端适配问题

使用postcss-px-to-viewport注意：移动端用方便，不过在pc端会出新字体过大的现象npminstallpostcss-px-to-viewport或者yarnaddpostcss-px-to-viewportpackage.json

Teamig·2020-07-27 17:03

postcss-px2rem-移动端h5开发适配方案

1、引入包npminstallpostcss-px2rem2、配置postcss.config.jsmodule.exports={plugins:{'postcss-px2rem':{remUnit:

Cookysurongbin·2020-07-27 15:21

vue 移动端 rem适配 (使用postcss-pxtorem)

书写meta标签禁止缩放（把下方meta标签写到html的head标签中）viewport就是设备的屏幕上能用来显示我们的网页的那一块区域（视觉视口）。width=device-width让css宽度等于设备宽度initial-scale=1初始化缩放比例为1maximum-scale=1最大缩放比例为1minimum-scale=1最小缩放比例为1user-scalable=no禁止用户缩放重置

undefined08·2020-07-21 16:12

vue-cli项目中.postcssrc.js

module.exports={"plugins":{"postcss-import":{},//用于@import导入css文件"postcss-url":{},//路径引入css文件或node_modules

ygh5123687·2020-07-15 11:10

我们项目中怎么使用SCSS

综上可以看出：目前最火的CSS预处理语言是less，postcss潜力最大，sass最完善，stylus也不错。

提小莫·2020-07-15 06:37

搭建 react + typescript + ant design 开发环境

ES6编译器babel，css辅助工具postcss/sass/less，代码风格检测工具eslint/prettier/stylelint，git辅助工具husky/lint-staged/commitizen

weixin_33939843·2020-07-15 04:40

Vue项目自动转换 px 为 rem，高保真还原设计图

postcss-pxtorem：转换px为rem的插件。自动设置根节点html

weixin_33916256·2020-07-15 04:26

webpack4中使用autoprefixer失效的问题

要用autoprefixer需要借助postcss-loader--save-dev缩写是-D安装命令：npminstallwebpackstyle-loadercss-loaderpostcss-loaderautoprefixer-D

Lofan93·2020-07-15 00:21

vue项目配置 autoprefixer 报出警告问题

ReplaceAutoprefixerbrowsersoptiontoBrowserslistconfigUsebrowserslistkeyinpackage.jsonor.browserslistrcfile.原因是版本高了，引用有修改postcss.config.js

胜天一子半·2020-07-14 19:09

移动端自适应布局

本文所用脚手架为Vue-cli搭建的，如何搭建请看作者的另一篇文章：Vue-cli3搭建Vue项目二、正文要想实现px转vw的自动转化，需要在项目中自少引入如下4个依赖1、使用npm安装如下依赖npminstallpostcss-importpostcss-px-to-v

happy任·2020-07-14 17:20

vue组件中的样式属性--scoped

vue组件中的style标签标有scoped属性时表明style里的css样式只适用于当前组件元素它是通过使用PostCSS来改变以下内容实现的:.example{color:red;}hi渲染结果：.

ygman·2020-07-14 16:02

VSCode编辑器前端常用插件

PostCSSSorting按照指定的规则对CSS内容进行排序。

Rattenking·2020-07-14 15:46

webpack基础篇（十五）：PostCSS 插件 autoprefixer 自动补齐 CSS3 前缀

的属性为什么需要前缀浏览器的标准没有完全统一举个栗子：.box{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}PostCSS

凯小默·2020-07-14 13:27

移动端 rem 方案

postcss-pxtorem：PostCSS插件，用于从像素单元生成rem单元一、安装postcss-pxtoremnpminstallpostcss-pxtorem-D二、引入使用Vue//build

Johnson杰·2020-07-14 04:55

[email protected]使用vue-cli-plugin-cube-ui 报错

/node_modules/postcss-loader/src??ref--11-oneOf-3-2!./node_modules/sty

Circletan7·2020-07-14 04:54

Webstorm下配置autoprefixer插件(css兼容代码)

安装node.js;安装Autoprefixer//可选用淘宝镜像npminstallautoprefixer-g安装postcss-cliAutoprefixer其实是postcss的插件npminstallpostcss-cli-g

AmberQu·2020-07-14 03:29

webpack学习2

bundle)一个或多个自定义规则三.loaders处理文件转化为模块常用loader编译相关：babel-loaderts-loader样式相关style-lodercss-loaderless-loaderpostcss-loader

轨迹257·2020-07-14 00:03

前端学习路线

Git基本命令搭建一个静态博客站点4.node基础包管理npm/yarn/npx常用包文件读写fs路径查找path网络http5.构建工具自动化构建gulp模块化打包webpack6.css预处理SassPostCss7

lucky-frontEnd·2020-07-14 00:56

利用命令行替代自动化构建工具完成工作流

CSS自动化完成CSS自动化，需要使用到postcss-cli和它的插件autoprefixer使用命令行，先安装npmiautoprefixerpostcss-cli添加前缀也有在线添加css前缀：https

_刘小c·2020-07-13 22:23

Angular项目在npm install之后用ng serve启动发生错误

/node_modules/postcss-loader/lib?{"ident":"postcss","sourceMap":false}!./src/s

Viola_ma·2020-07-13 14:16

webpack配置postcss-loader和autoprefixer不生效

postcss.config.jsmodule.exports={plugins:[require('autoprefixer')],}webpack.config.jsmodule:{rules:[/

LPLIFE·2020-07-13 00:29

2018.3.29携程春招笔试

第一大题是选择器20道40分，第二大题是编程题三道60分题型：JS基础，前端基础，java基础,数据库基础一、选择题1.下列不能归为一类的是A.SVG,WebGl,MPEGB.tr,i,pC.TypeScript,postcss

silly鸿·2020-07-12 21:03

PostCSS使用教程

PostCSS是一个用javascript转换CSS的工具，有了它可放心使用CSS未来的语法等。

木槿花开lalala·2020-07-12 20:54

基于vue cli3的移动端适配解决方法

基于vuecli3的移动端适配解决方法基于vue-cli3的vue项目移动端样式适配，lib-flexible和postcss-px2rem注意因为lib-flexible主要用于手机自适应，当屏幕尺寸大于

清虚桂意·2020-07-12 14:09

解决vue中样式不起作用：样式穿透/深度选择器(/deep/)

原因1：组件内部使用组件，添加了scoped属性原因2：动态引入html，也添加了scoped属性；原因3：非以上两种；一、添加了scoped属性:Vue中的scoped属性的效果主要是通过PostCss

hanson247·2020-07-12 13:21

vue-cli3实现移动端自适应

1、安装flexible和postcss-px2rem（命令行安装）npmiib-flexible--savenpmipostcss-px2rem--saveflexible会为页面根据屏幕自动添加标签

leo_neverGivpUp·2020-07-12 13:02

autoprefixer 补充的css前缀,-webkit-,-ms-,-os-不全，不完整的原因及解决办法

在一次使用webpack时，使用到了css3样式前缀补全功能，1.先安装postcss-loader和autoprefixercnpmipostcss-loaderautoprefixer-D2.填写配置

一码平川！·2020-07-12 11:57

react项目下webpack版本更新导致的配置报错解决方案

:{//引入文件不写后缀名配置extensions:['','.js','.jsx']}配置时extensions第一个参数不能是空，改为extensions:['.js','.jsx']问题二：配置postcss

weixin_34132768·2020-07-12 09:06

如何实现css模块化

模块化目前在前端的日常开发中已经不是什么新鲜词，早期AMD规范的requirejs,CMD规范的seajs,以及nodejs的模块化规范commonjs，但是css的模块化一直进展不大，虽然有想less，sass，postcss

小飞猫_·2020-07-12 04:02

vue h5适配（rem效果）

vueh5适配（rem效果）npm下载cnpminstallpx2rem-loader--savecnpminstallpostcsscnpminstallamfe-flexible--savecnpminstall

春风化雨什·2020-07-12 00:41

使用深度作用选择器 /deep/修改 element-ui iview 框架自带样式

它通过使用PostCSS来实现以下转换.exam

@Demi·2020-07-11 18:52

building for production...Error processing file:static/css/***.css。mui错误

Errorprocessingfile:static/css/app.b18fbc2b7db7cdcfae721c99fa6ea224.css(node:3552)UnhandledPromiseRejectionWarning:postcss-svgo

zhenyu-s5·2020-07-11 17:17

webpack配置postcss-loader无效

webpack配置postcss-loader无效文档配置如下:postcss.config.jsmodule.exports={plugins:[require('autoprefixer')]}webpack.config.jsconstpath

I-T枭·2020-07-11 07:44

一步步完成vuex+plugins的分层配置[随着组件拆分，后期继续。。。]

vue+webpack+vuex+sass+postcss的项目配置1、基础步骤不在一步步展示首先下载项目依赖：vuex**npminstall--savevuex**2、项目目录结构如下：3、新建store

flykus·2020-07-11 06:25

vue-cli3 移动端适配方案

fontsize，首先需要先安装此插件，然后在main.js中引入“import"lib-flexible"”由于此插件会自动为页面生成所以千万要记得把public/index.html中的这句话删除2、postcss-px2rem

Mahuicool·2020-07-10 22:17

基于vue-cli3的vue项目移动端样式适配，lib-flexible和postcss-px2rem

1，安装flexible和postcss-px2rem（命令行安装）npminstalllib-flexible--savenpminstallpostcss-px2rem--save简要介绍这两个包的用途

weixin_30632899·2020-07-10 06:24

Vue项目中使用vw实现移动端适配

viewport单位越来越受到众多浏览器的支持，下面将简单介绍怎么实现vw的兼容问题，用vw代替rem当我们采用vue-cli脚手架搭建完项目，安装所有依赖包之后，用npmrundev启动后，在根目录有一个.postcssrc.js

易之晓晓·2020-07-10 00:10

vue+vant项目中 rem适配配置

vantrem适配，需要安装两个插件postcss-pxtorem是一款postcss插件，用于将单位转化为remlib-flexible用于设置rem基准值postcss-pxtorem：npminstallpostcss-pxtorem

陨石猎人·2020-07-10 00:29

vue-cli3.0搭建移动端项目的适配问题以及解决第三方组件样式受影响的问题

前言：我们之前使用的解决移动端适配常用的方法是媒体查询+rem,em，这种适合小的项目，而且每次rem值计算也太麻烦了点，这里列出现在常用的另一种方法就是：lib-flexible和postcss-px2rem-exclude

浩星·2020-07-10 00:50

vue-cli3.0 使用vw实现移动端适配

1.创建项目vuecreate2.选择配置Manuallyselectfeaturesbabel+vuex+router3.然后一路回车4.cd安装依赖npmipostcss-aspect-ratio-minipostcss-px-to-viewportpostcss-write-svgpostcss-cssnextpostcss-viewport-unitscssnanocssnano-pres

Stavin Li·2020-07-09 20:27

CSS 开源资源大全收集

PostCSS–通过JS插件来转换CSSSass–成

酷笔记·2020-07-09 18:56

大前端学习--开发脚手架与自动化构建工作流封装

1.前端开发中遇到的问题想要使用ES6+新特性，但是兼容有问题想要使用Less/Sass/PostCSS增强CSS的编程性，但是运行环境不能直接支持想要使用模块化的方式提高项目的可维护性，但运行

爱玲姐姐·2020-07-09 18:33

使用vw实现移动端适配

使用vue-cli搭建脚手架，并且安装以下依赖postcss-aspect-ratio-minipostcss-px-to-viewportpostcss-write-svgpostcss-cssnextcssnanopostcss-viewport-unitscssnano-preset-advanced

mongofeng·2020-07-09 16:00

Vue中引入配置CKEditor5

--save\@ckeditor/ckeditor5-vue\@ckeditor/ckeditor5-dev-webpack-plugin\@ckeditor/ckeditor5-dev-utils\postcss-loader

明天也要努力·2020-07-09 12:01

Webpack 4.X 自定义 loader 和 plugins

Loader因为webpack只识别js文件，遇到非js文件，需要利用loader处理我们开发常用的loader：诸如：babel-loaderurl-loaderstyle-loadercss-loaderpostcss-loader

前端小小白zyw·2020-07-09 12:32

推荐频道

PostCSS