cssnano

前端面试：CSS优化、提高性能的方法有哪些？

以下是一些有效的方法：减少CSS文件大小：压缩CSS：使用工具（如CSSNano或CleanCSS）压缩CSS文件，去除空格、注释和不必要的字符。
真愚翁·2024-09-11 22:34

npm install(报错)

npminstall--legacy-peer-depsWARNERESOLVEoverridingpeerdependencynpmWARNWhileresolving:@intervolga/optimize-cssnano-plugin
My&Liu·2024-01-24 06:14

djano前端入门

前端环境配置：nvm安装2.node.js安装npminstallgulp-cssnano--sava-dev在项目中安装cssnano包1.新建django项目，删除templates文件夹新建front
向上成长·2023-11-24 23:45

【webpack学习系列06】webpack代码压缩&&自动清理构建目录

件的压缩webpack内置了uglifyjs-webpack-plugin，自动帮我们进行代码压缩CSS⽂件的压缩使⽤optimize-css-assets-webpack-plugin,同时需要安装cssnano
长歌如梦·2023-10-22 09:29

处理ElementUI组件默认样式多次重复问题

问题截图：解决办法：在postcss.config.js文件里添加配置项：module.exports={plugins:{autoprefixer:{},cssnano:{}//添加这行代码},}处理结果
iVRJay·2023-10-15 05:03

Vue项目自动设置版本号，版本号变更清空缓存

项目更新后文件存在缓存，需要强制刷新才能呈现更新解决安装npm依赖npminstall--save-dev@intervolga/optimize-cssnano[email protected]
明月落乌江·2023-09-01 05:47

有哪些前端可以做的性能优化点

使用CSS压缩工具如CSSNano。压缩HTML内容。图片优化：使用适当的格式（例如，WebP通常比PNG或JPEG更小）。使用响应式图像，根据设备尺寸提供适当大小的图像。
临在❀·2023-08-31 05:46

前端开发怎么解决性能优化的问题？ - 易智编译EaseEditing

使用压缩工具（如UglifyJS和CSSNano）和构建工具（如Webpack）来自动处理。减少HTTP请求：减少页面中的资源数量，如图片、脚本和样式表，可以减少HTTP请求次
易智编译·2023-08-19 07:17

[插件3 CSS] optimize-css-assets-webpack-plugin

默认值是/\.css$/gcssProcessor:用于压缩和优化CSS的处理器，默认是cssnano.这是一个函数，应该按照cssnano.process接口(接受一个C
JamesSawyer·2023-08-19 03:23

PostCSS在vue中的使用

在命令行中运行以下命令：npminstallpostcssautoprefixercssnanopostcss-pxtorem--save-dev这将安装PostCSS、Autoprefixer、CSSnano
Wxinin·2023-08-17 08:38

如何⽤webpack 来优化前端性能

可以利⽤webpack的UglifyJsPlugin和ParallelUglifyPlugin来压缩JS⽂件，利⽤cssnano（css-loader?
songsshao·2023-08-11 09:32

vue项目设置的z-index样式无论设置成啥都会被强制改为1

原因是之前的写法不被cssnano新版本支持。这里需要修改./.postcssrc.js文件。
初心不改_0055·2023-06-15 05:00

【webpack笔记】cssnano和cssminimizerwebpackplugin的区别

感觉没啥区别，唯一的不同就是cssminimizerwebpackplugin会把多个css文件打包为一个，但是cssnano不会合并，如果两个css文件中有一样的css，css-minimier-webpack-plugin
·2023-04-20 22:20

gulp各种实用插件整理

browser-sync服务器同步浏览3.gulp-autoprefixer根据设置浏览器版本自动处理浏览器前缀4.gulp-cache图片快取，只有更改过得图片会进行压缩5.gulp-clean清空文件夹6.gulp-cssnano
不看盛景不叙深情·2023-04-18 12:13

小程序系列4-gulp常用插件

gulp-autoprefixer":"^6.1.0",//兼容规则给css添加浏览器前缀插件"gulp-clean":"^0.4.0",//删除文件或文件夹"gulp-cli":"^2.2.0","gulp-cssnano
小猪x·2023-03-21 03:25

webpack4 配置之 postcss-loader

第一：依赖包postcss-loader、autoprefixer、cssnano第二：添加浏览器前缀1.首先添加browserslist，方法一：在项目根目录添加.browserslistrc文件#last2versions
_静夜听雨_·2023-03-16 12:53

【无标题】

浏览器无法在使用Umimax打包后无法看到页面，后台有报错信息：或者：这种情况时，请查看umi的配置文件.umirc.ts中是否有这两处配置jsMinifier:‘terser’,cssMinifier:‘cssnano
i_NEEDhLep·2023-03-12 03:34

cssProcessor.process(css.source, processOptions, 报错（css压缩之性能优化）

问题描述使用optimize-css-assets-webpack-plugin和cssnano插件在vue项目中进行css压缩。
·2023-01-17 15:56

webpack优化前端性能

可以利用webpack的UglifyJsPlugin和ParallelUhlifyPlugin来压缩JS文件，利用cssnano（css-loader？
开心市民小杨儿·2022-11-07 09:55

如何⽤webpack来优化前端性能？

可以利用webpack的uglifyJsPlugin和ParallelUglifyPlugin来压缩js文件，利用cssnano来压缩css资源。
卖菜的小白·2022-04-16 10:57

webpack 代码压缩

js文件压缩webpack4内置了uglifyjs-webpack-plugin，js默认是压缩过的css文件压缩使用optimize-css-assets-webpack-plugin和cssnano
刘员外__·2021-06-08 02:43

node.js前端使用gulp压缩文件并且更改文件后自动刷新浏览器

gulp的使用方法vargulp=require("gulp")varcssnano=require("gulp-cssnano")varrename=require("gulp-rename")varuglify
爱学习的懒汉·2020-09-12 21:36

postcss插件 -- cssnano V4版本配置

随着cssnano的版本升级，之前的版本的配置已经对当前版本不兼容,所以在升级cssnano版本时需要注意一些问题由于v4版本会默认加载高级配置，而高级配置中有一些选项又可以我们不需要，所以我们需要去掉继续使用高级配置
qq_8572777886·2020-09-10 15:59

Cannot read property compilation of undefined vue 打包运行npm run build 报错

dependencies":{"axios":"^0.18.0","better-scroll":"^1.14.1","body-parser":"^1.18.3","cookie-parser":"^1.4.4","cssnano
小鹿慢慢跑·2020-08-20 22:22

慕课网CSS工作应用+面试（8）CSS工程化PostCSS

PostCSS介绍CSS工程化：组织、优化、构建、维护PostCSS：PostCSS本身只有解析能力各种神奇的特性全靠插件PostCSS插件：1.import模块合并2.autoprefixer自动加前缀3.cssnano
Cacra·2020-08-10 22:37

Webpack打包css后z-index被重新计算的解决方法

因此，很可能是cssnano进行了重新计算（cssnano称为rebase），而
ayxh0071·2020-08-09 07:57

postCss 初识 （文章较长，需要耐心）

01.postCss简介02.postCss插件一览03.Autoprefixer04.Press05.Cssnext06.Cssnano07.Short08.postcss-utilities09.总结
weixin_33816946·2020-08-05 17:13

Gulp学习--css、htlm、js、image、less、scss文件压缩代码(可以直接写入gulpfile.js)

const{src,dest,task,watch,series,parallel}=require('gulp');constcssnano=require('gulp-cssnano');constsass
hide_in_darkness·2020-08-05 16:33

Gulp学习--scss文件转化为css文件并压缩

const{src,dest,task}=require('gulp');constcssnano=require('gulp-cssnano');constcleanCss=require('gulp-clean-css
hide_in_darkness·2020-08-05 16:33

Gulp学习--less文件转化为css文件并压缩

//处理less文件(将less文件转换为css文件)const{src,dest,task}=require('gulp');constcssnano=require('gulp-cssnano');
hide_in_darkness·2020-08-05 15:50

cssnano升级导致z-index被重新计算的解决办法

最后发现这个z-index被重新计算是cssnano的杰作。因为它只处理了项目本身的样式，而不包括第三方库的样式。cssnano的配置如下："cssnano":{"pr
mirari·2020-08-05 01:12

[实现] angular+angular-ui-router+requirejs+gulp 搭的小项目

NPMnpminstall前端自动化对静态资源进行监听，编译，使用模块如下：browser-syncrun-sequencegulp-lessgulp-autoprefixergulp-sourcemapsgulp-cssnano
Top_Chenxi·2020-07-09 01:01

cssnano压缩keyframes名的问题

事情是这样的，之前在npm上发了两个包，一个miniprogress和一个mininotice，用的webpack打包，配置如下：constpath=require('path')consthtmlWebpackPlugin=require('html-webpack-plugin')constwebpack=require('webpack')constExtractTextPlugin=req
小雨小雨丶·2020-04-06 10:00

压缩

require('gulp');letdel=require('delete');varhtmlmin=require('gulp-htmlmin');varcssnano=require('gulp-cssnano
visitor009·2019-09-27 09:58

Vue.js 移动端适配之 vw 解决方案

npmipostcss-aspect-ratio-minipostcss-px-to-viewportpostcss-write-svgpostcss-cssnextpostcss-viewport-unitscssnano--S还需要安装cssnano-preset-advancednpmicssnano-preset-advanced
52admln·2018-09-03 00:00

gulp插件：gulp-cssnano，gulp-minify-css 和gulp-clean-css

近日在学习《Web前端自动化构建》，关于gulp的css压缩插件，书中先后提到了两个，分别是gulp-cssnano和gulp-minify-css，而执行npminstallgulp-minify-css–save-dev
奋斗的小绿萝·2018-07-18 11:13

Webpack打包css后z-index被重新计算的解决方法

因此，很可能是cssnano进行了重新计算（cssnano称为rebase），而
袖之欢·2017-06-18 10:38

使用gulp实现文件的压缩合并

安装压缩插件安装图像压缩插件npminstallgulp-imagemin--save-dev安装文件合并插件npminstallgulp-concat--save-dev安装css压缩插件npminstallgulp-cssnano
IT男的成长记录·2017-03-25 00:19

我使用过的gulp插件，记录一下

1.jshintgulp-jshint2.css压缩gulp-cssnano3.文件合并gulp-concat4.文件重命名gulp-rename5.js压缩gulp-uglify6.css合图gulp-css-spriter7
k_shl_2011·2016-04-21 10:00

opera 字体终极解决方案[转]

1、代码:cd~/.opera/styles/user/touchuser.cssnano~/.opera/styles/user/user.css2、加入如下内容代码:@charset"
3444542·2007-12-26 12:00
上一页 1 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他