Postcss

npm run build报错 No PostCSS Config found in

在项目根目录新建postcss.config.js文件,并对postcss进行配置: module.exports ={ plugins: [ require('autoprefixer')//自动添加css前缀 ] };...

webpack4 css添加浏览器前缀 postcss-loader

自动添加浏览器前缀 ,我们这里使用postcss-loader 首先 cnpm install --save-dev postcss-loader autoprefixer 我这里用的cnpm ,npm也可以下载 接下来是配置 在网上查了相关文档发现需要新建一个 postcss.config.js 文件来对 postcss-loader 配置。 第一种配置...

解决wepacke配置postcss-loader时autoprefixer失效问题

今天在配置postcss-loader,使用autoprefixer发现根本没有用。 postcss.config.js中是这样的: module.exports ={ plugins:[ require('autoprefixer') ] } 然后打包也没报错,只是没有起任何作用,一些需要加前缀的地方毫无变化。没作用岂不是白配了。然后...

更便捷的css处理方式-postcss

更便捷的css处理方式-PostCSS 一般来说介绍一个东西都是要从是什么,怎么用的顺序来讲。我感觉这样很容易让大家失去兴趣,先看一下postcss能做点什么,有兴趣的话再往下看,否则可能没有耐心看下去。让我们开始吧 postcss能做什么 补全css属性浏览器前缀 手写的代码可以是这样的: .div{ display: flex; } post...

webpack入门(转载)

     阅读本文之前,先看下面这个webpack的配置文件,如果每一项你都懂,那本文能带给你的收获也许就比较有限,你可以快速浏览或直接跳过;如果你和十天前的我一样,对很多选项存在着疑惑,那花一段时间慢慢阅读本文,你的疑惑一定一个一个都会消失;如果你以前没怎么接触过Webpack,如果你对webpack感兴趣,本文中有一个贯穿始终的例子,如果你能把这个例子...

20 个让你效率更高的 CSS 代码技巧

在这里想与你分享一个由各大CSS网站总结推荐的20个有用的规则和实践经验集合。有一些是面向CSS初学者的,有一些知识点是进阶型的。希望每个人通过这篇文章都能学到对自己有用的知识。   1.注意外边距折叠   与其他大多数属性不同,上下的垂直外边距margin在同时存在时会发生外边距折叠。这意味着当一个元素的下边缘接触到另一个元素的上边缘时,只会保留两个ma...

vue项目中 —— rem布局适配方案

1、安装插件  安装 amfe-flexible、postcss-px2rem-exclude cnpm i amfe-flexible postcss-px2rem-exclude --save 安装完毕,会在 package.json 文件的 dependencies 属性中看到如下: 2、在main.js文件中引入 import 'amfe-fle...

react lib-flexible postcss-px2rem集成

1.安装lib-flexible、postcss-px2rem yarn add lib-flexible postcss-px2rem-exclude --save 2.index.js文件引入 import 'lib-flexible'; 3.config-overrides.js文件覆盖 const { override, fixBabelImp...

第一节:Webpack简介、安装-配置-打包、常用loader的使用(css/style/less/postcss-loader)

一. 简介 1. Webpack背景  (1). 事实上随着前端的快速发展,目前前端的开发已经变的越来越复杂了:  A. 比如开发过程中我们需要通过模块化的方式来开发;  B. 比如也会使用一些高级的特性来加快我们的开发效率或者安全性,比如通过ES6+、TypeScript开发脚本逻辑, 通过sass、less等方式来编写css样式代码;  C. 比如开发...

vue3+ts的PC端自适应布局

1 安装npm install amfe-flexible postcss-px2rem -S2 在main.ts中引入import 'amfe-flexible/index.js'3 在已有的vue.config.js(没有就在根路径下新建一个) css: { loaderOptions: { postcss: {...