postcss

vuecli4里面使用rem

1、安装两个插件屏幕自适应插件npmiamfe-flexible--save把px转成rem的插件只能在css文件里面写里面的npmipostcss-px2rem--save2、main.js引入importremfrom'amfe-flexible'Vue.use
古月梦回·2023-12-25 08:38

mac运行之前的代码报错以及sass安装问题

文章目录从windows系统拷贝项目到mac上的vscode运行运行之前的项目报`SyntaxError:Error:PostCSSreceivedundefinedinsteadofCSSstring
大牙Adela·2023-12-24 19:48

Error: No PostCSS Config found in... 报错 踩坑记

vuecli3.0新建项目可能会遇到这个报错Error:NoPostCSSConfigfoundin...解决方案在项目根目录新建postcss.config.js文件，并对postcss进行配置：module.exports
798b6b7c244d·2023-12-24 08:09

CSS自适应分辨率 amfe-flexible 和 postcss-pxtorem：Webpack5 升级后相关插件和配置更新说明

前言项目对应的webpack5版本如下：[email protected]@5.1.4-D升级插件说明一下，我更喜欢固定版本号，这样随机bug会少很多，更可控~npmipostcss-loader
AvatarGiser·2023-12-23 15:11

CSS自适应分辨率 amfe-flexible 和 postcss-pxtorem

postcss-pxtorem：使用rem代替px的postcss插件，它可以自动将px转换成rem，并且对一些
AvatarGiser·2023-12-21 10:33

CSS自适应分辨率 amfe-flexible 和 postcss-pxtorem：大屏高宽自适应问题

前言继上篇《CSS自适应分辨率amfe-flexible和postcss-pxtorem》。发现一个有趣的问题，文件rem.js中按照宽度设置自适应，适用于大多数页面，但当遇到大屏就不那么合适了。
AvatarGiser·2023-12-21 10:54

vue3 postcss-px-to-viewport 页面自适应

文章目录一、什么是postcss-px-to-viewport？二、为什么要使用postcss-px-to-viewport？三、如何在Vue3中使用postcss-px-to-viewport？
小钱999·2023-12-20 07:16

Vue-第七天

MobileUIComponentsbuiltonVue4.导入：全部导入：按需导入：在babel.config.js中导入配置后要重启项目，否则项目不会将配置文件扫进去拆分：将导入代码封装成一个文件，进行拆分5.适配处理（postcss
CMBSNBB·2023-12-20 03:30

【vue】npm install 时，报错：network request to https://registry.npmjs.org/xxx failed, reason: connect ETIM

networkrequesttohttps://registry.npmjs.org/postcss-pxtoremfailed,reason:connectETIMEDOUnpmERR!
猫饭_ACE·2023-12-16 07:14

Vue 老项目 如何实现响应式布局

一、安装postcss-px2rem和lib-flexible-computernpminstallpostcss-px2rem--savenpminstalllib-flexible-computer
it_czh·2023-12-16 00:37

Vue项目启动webpack报错Module build failed: Error: No PostCSS Config found in......

这是因为上传代码的时候自动省略了一下文件，这个上传就可以解决问题错误信息mac隐藏文件显示第一步：打开「终端」应用程序。第二步：输入如下命令：defaultswritecom.apple.finderAppleShowAllFiles-booleantrue;killallFinderimage第三步：按下「Return」键确认。现在你将会在Finder窗口中看到那些隐藏的文件和文件夹了。imag
百不理·2023-12-15 20:23

CSS的未来已来

308139472前言最近听说TypeScript3.7添加了对OptionalChaining的支持，然后就想着给鱼头的脚手架ying-template的TS版本升级，然后在命令行发现这样的一句信息：'postcss-cssnext
Java架构师CAT·2023-12-14 18:32

postcss-pxtorem实现页面自适应的原理

先声明一点这玩意本身不能实现哈，他只是一个工具，更是一个postcss的插件帮助我们从px转化成为rem比如我们的代码div{height:100px;width:100px;}经过这个插件转化之后变成假设变成下面这样哈
yunchong_zhao·2023-12-14 12:33

关于 vue 2 element-ui 适配移动端

1.安装lib-flexiblenpminstalllib-flexible2.在main.js引入import'lib-flexible/flexible.js'3.安装postcss-plugin-px2remnpminstallpostcss-plugin-px2rem4
Write λ Code·2023-12-05 10:19

vue项目配置多个代理

transpileDependencies:false,lintOnSave:false,outputDir:process.env.VUE_APP_DIST,publicPath:'/',css:{loaderOptions:{postcss
万物得其道者成·2023-12-05 09:01

vue 适配大屏解决方案

1、使用postcss-px2rem//.postcssrc.js配置"postcss-pxtorem":{"rootValue":16,//根节点字体的大小"propList":["*"]}//rem.jsconstbaseSize
Mr Liuu·2023-12-04 23:33

uniapp实现用户全局设置应用字体大小（适用于各端）

前言想必大家都有接触到已经开发完整移动端项目突然来需求要增加用户自己设置字体大小的功能，数据太多，做为一个资深的程序员，肯定不能一个个去修改，所以就有了postcss-px-to-viewport插件，
AKA多个A·2023-12-04 03:53

React使用TailwindCSS

React中使用TailwindCSSTailwindCSS是下载及初始化可以查看官网对照自己使用的框架进行配置npminstall-Dtailwindcsspostcssautoprefixer下载完毕后执行如下命令
田本初·2023-12-04 01:20

vite中使用postcss-px-to-viewport,适配vant

于是我们正常去使用postcss-px-
吃炸鸡的前端·2023-12-04 00:48

postcss-px-to-viewport-8-plugin 适配

postcss-px-to-viewport-8-plugin适配简述postcss-px-to-viewport-8-plugin是一个PostCSS插件，用于将以像素为单位的样式转换为视口单位（如vw
Mr.Meng_95·2023-12-04 00:18

vite项目 postcss-px-to-viewport适配vant

关于vite项目postcss-px-to-viewport适配vant的问题，网上很多文章都已经过时或者都是基于webpack的配置，很少vite相关的配置教程，故做一下笔记希望帮到正在踩坑的同学postcss-px-to-viewport
紫轩阁·2023-12-03 23:12

vite插件实现移动端适配

目前主流的移动端适配方案有两种：rem适配和vw，本文实现手写vite插件实现vw的适配在html文件中需要添加下列代码，使用viewport文中使用了postCss，因为vite中已经内置了postCss
胡同学ou·2023-12-03 23:05

vite环境变量相关

importpathfrom'path'importpostCssPxToRemfrom'postcss-pxtorem'import{defineConfig,loadEnv}from'vite'importcreateVitePluginsfrom
weixin_47560716·2023-12-02 14:03

vuecli4里面使用rem

1、安装两个插件屏幕自适应插件npmiamfe-flexible--save把px转成rem的插件只能在css文件里面写里面的npmipostcss-px2rem--save2、main.js引入importremfrom'amfe-flexible'Vue.use
古月梦回·2023-12-02 09:04

PostCSS 让js可以处理css

GitHub中文readmiePostCSS中文网（建设中）PostCSS不是样式预处理器是CSS语法转换的工具，但不严格遵循css规范，只要符合css语法规则就可以被处理。
海胆Sur·2023-12-01 22:10

vue 移动端适配 自适应布局（vite+webpack）

vue——webpackrem需要的插件npmi-Samfe-flexible根据当前页面的尺寸去设置根元素的font-sizenpminstallpostcss-pxtorem--save将ps绝对单位转成
喬~~·2023-11-30 20:34

vue 手机端H5单位px自动转换成rem

postcss-pxtoremvue手机端H5单位px自动转换成rem只需要npminstallpostcss-pxtorem--save-dev即可，不需要额外installpostcss//postcss.config.jsmodule.exports
IamaStupid·2023-11-30 18:36

用customize-cra+react-app-rewired配置px2rem

1.安装npmireact-app-rewire-postcsspostcss-px2rem-D2.配置项//config-overrides.jsconst{override}=require('customize-cra
一个专注写代码的程序媛·2023-11-30 14:17

入职之前，狂补技术，4w字的前端技术解决方案送给你（vue3 + vite

安装yarnaddtailwindcsspostcssautoprefixer-D初始化tailwindcss.config.js配置文件，并且也会
不爱敲代码的小胡·2023-11-30 11:23

Error: No PostCSS Config found in...

vue项目打包时报了如下错误：Error:NoPostCSSConfigfoundin...bug3没有postCss配置因此添加一个postcss.config.js文件放在根目录下postcss-loader
躺在家里干活·2023-11-30 11:54

vuecli4+vant移动端响应式项目踩坑记录

文章目录关键词参考链接一.使用vue/cli4二.使用vant三.加入响应式布局1.rem适配插件2.PostCSS配置四.图标库：封装svg图标组件1.建立如下目录结构：2.components/SvgIcon.vue3
Beauty_z·2023-11-30 01:15

webpack如何处理浏览器的样式兼容问题postcss

index.css添加样式.word{color:red;user-select:none;}为了兼容不同的浏览器我们需要添加前缀比如：-webkit-user-select:none;这个工作可以通过postcss
QAEARQ·2023-11-29 14:31

webpack如何设置兼容浏览器的范围browserslist

Browserslist是前端工程化不可或缺的工具，无论是处理js的babel还是处理css的postcss，他们背后都有Browserslist的身影。
QAEARQ·2023-11-29 14:29

基于mpvue实现的cnode社区demo（附精选源码32套，涵盖商城团购等）

预览项目配置文件，更改appid{"description":"项目配置文件","setting":{"urlCheck":true,"es6":false,"postcss":false,"minified
梦之归途·2023-11-29 13:41

vue2运行项目和打包报错 error in ./node_modules/element-ui/lib/theme-chalk/index.css

/node_modules/element-ui/lib/theme-chalk/index.css处理办法在项目根目录下build->webpack.dev.conf.js中找到将后面的usePostCSS
Colesyn L.·2023-11-29 03:41

前端Vue框架在PostCSS怎样使用sass

为什么要使用PostCss众所周知转换px单位的插件有很多，知名的有postcss-px-to-viewport和postcss-pxtorem，前者是将px转成vw，后者是将px转成rem，精简了不常用的配置
CRMEB定制开发·2023-11-28 13:17

Error PostCSS plugin autoprefixer requires PostCSS 8

文章目录一、情况一二、情况二三、总结在启动vue项目时，突然控制台报错：Error:PostCSSpluginautoprefixerrequiresPostCSS8。
老马甲·2023-11-27 10:06

vue组件中的样式隔离方式与原理解析

scoped的实现原理vue模板编译器在编译有scoped的stye标签时，会生成对应的postCSS插件，该插件会给每个scoped标记的style标签模块，生成唯一一个对应的data-v-xxxha
小龟壳@greaclar·2023-11-27 04:02

TypeScript快速上手学习笔记-第十二篇——实战项目“贪吃蛇”

babel/core@babel/preset-envbabel-loaderclean-webpack-plugincore-jscss-loaderhtml-webpack-pluginnode-sasspostcsspos
LIMI_伞梦·2023-11-25 12:22

TypeScript 学习笔记 第三部分 贪吃蛇游戏

1.创建开发环境创建工程，使用学习笔记的第二部分安装css部分npmi-Dlessless-loadercss-loaderstyle-loader对css部分处理，能够运行在低版本浏览器npmi-Dpostcsspostcss-loaderpostcss-preset-env
YUELEI118·2023-11-25 11:14

vuejs - - - - - 移动端设备兼容(pxtorem)

pxtorem的使用1.依赖安装2.vue.config.js配置3.动态设置html的font-size大小4.效果如图：1.依赖安装yarnaddpostcss-pxtorem-D2.vue.config.js
Dark_programmer·2023-11-24 10:11

Vue学习笔记

vue-clivueinitwebpacktest1#初始化一个vue项目cdtest1#进入项目npminstall#安装依赖npmrundev#运行项目#项目目录结构index.html项目根目录视图.postcssrc.js
兮川·2023-11-24 08:46

vue引入全局sass/less变量、function、mixin

下面给大家介绍一个解决该难题的办法，好了废话不多说，直接上干货，sass-resources-loader,它可以省去重复性的引入，还支持less,postcss等，具体用法
SailorQin·2023-11-24 03:13

黑马头条(学习笔记)

目录一.项目概述二、项目初始化移动端REM适配：关于PostCSS配置文件：Autoprefixer插件的配置：postcss-pxtorem插件的配置：关于字体图标:配置路由：封装请求模块:三：登录注册
前端小马·2023-11-23 16:35

前端开发的一些插件汇总

插件postcss-px-to-viewport适用于pc端各种分辨率兼容：yarnadd-Dpostcss-px-to-viewportwangEditor有丰富的API和足够的扩展性，允许你自定义开发菜单
y东施效颦·2023-11-22 21:34

postcss-px-to-viewport实现单独页面效果

一、安装yarnaddpostcss-px-to-viewport-D由于可能include不生效，此时再安装yarnaddhttps://github.com/evrone/postcss-px-to-viewport
_大龄·2023-11-20 17:20

在VUE项目中使用SCSS ，对SCSS的理解和使用（简单明了）

CSS预处理语言有SCSS(SASS)和LESS、POSTCSS那么SCSS和SASS有什么区别呢·文件扩展名不同，文件后缀分别是“.scs
hsany330·2023-11-19 10:53

[转] Postcss

相关前言image.png目前，在工程化开发中，使用最多的应该就是Less、Sass和Stylus。首先，还是介绍一下它们吧。它们有个统一的名字——css预处理器。何为CSS预处理器？css预处理器给出了非常可行的解决方案：变量：就像其他编程语言一样，免于多处修改。Sass：使用「$」对变量进行声明，变量名和变量值使用冒号进行分割Less：使用「@」对变量进行声明Sass：它的方式是三者中最差的，
谢大见·2023-11-19 09:22

编译警告.chunk common [mini-css-extract-plugin]

/node_modules/postcss-loader/src??postcss!./node_modules/less-loader/dist/cj
泛舟行·2023-11-18 21:43

如何进行各个终端的页面适配(react项目安装插件 postcss-px-to-viewport)

（以reactApp为例）插件是postcss-px-to-viewport1、先安装这个插件这个插件会自动将样式文件中的px转换为vwnpmipostcss-px-to-viewport2、在webpack
申申呢？·2023-11-17 17:17
上一页 1 2 3 4 5 6 7 8 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他