postcss-loader - 程序员宅基地

webpack中使用postcss进行css兼容性处理

at validate (E:\webpack_test\node_modules\postcss-loader\node_modules\schema-utils\dist\validate.js:98:11) at Object.loader (E:\webpack_test\node_modules\postcss-loader\dist\index.js:43:28) at E:...

vue实现自适应布局（postcss-px2rem和lib-flexible）

标签： vue.js postcss 前端

为了更好地将页面展示在不同的设备上，往往需要做一些适配处理。本文介绍了flexible和px2rem搭配处理网页适配的问题。//iOS下，对于2和3的屏，用2倍的方案，其余的用1倍方案。其中utils文件中的flexible.js文件如下...

vue-cli3.0 使用postcss-plugin-px2rem（推荐）和 postcss-pxtorem（postcss-px2rem）自动转换px为rem 的...

标签： rem vue-cli3.0 px转rem

如何在vue-cli3.0中使用postcss-plugin-px2rem 插件插件的作用是自动将vue项目中的px转换为rem 。为什么这三个中要推荐 postcss-plugin-px2rem呢？因为 postcss-plugin-px2rem 这个插件配置选项上有 exclude ...

vue项目PC端使用postcss-pxtorem转px为rem

标签： postcss vue.js javascript

vue项目PC端使用postcss-pxtorem转px为rem

Vue报错* !...css-loader?和you can run: npm install --save !!vue-style-loader!css-loader?

其中的问题是：Vue文件中，...写成less报错，因为缺少两个插件，less和less-loader,将less换为postcss报错消失，为了可以设置为less，执行下面语句安装插件即可 cnpm install less less-loader --save-dev ...

sass-loader高版本传入全局变量的错误

标签： vue vue-cli3 sass

问题 npm run serve打开vue项目就出现这样的问题。因为使用了sass。... css: { loaderOptions: { sass: { additionalData: ` @import "@/assets/scss/variable.scss"; @import "@/assets/scss/mixin.scss";

css的hash匹配,css-loader往CSS中添加了，但是html中没有添加对应的hash，导致两者对应不上-汗血宝马...

标签： css的hash匹配

问题出现的环境背景及自己尝试过哪些方法目前在整理自己的学习目录时碰到一个问题：使用css-loader中localIdentName: [name]__[local]--[hash:base64:5]为样式添加hash等，最后添加成功了，但是HTML模版里的却没有...

rem布局、postcss-px2rem

标签： vue javascript

安装postcss-px2rem及px2rem-loader2. 新建rem.js适配文件3. 在main.js中引入适配文件4. 需要在vue.config.js文件中引入配置 rem：指相对于根元素的字体大小单位 vue项目中使用rem布局 1. 安装postcss-px2rem及px...

CSS模块postcss-modules，在jsx中实现vue里的scoped

标签： vue.js css postcss

postcss-modules是一个PostCSS插件，实现了css的模块化的概念，可以单独引用，每一个引用都是一个副本或着说是一个实例，自己带着唯一标识。任何以 .module.css 为后缀名的 CSS 文件都被认为是一个 CSS modules 文件...

前端使用postcss-px-to-viewport实现移动端或者PC端自适应

标签：前端 postcss javascript

前端使用postcss-px-to-viewport实现移动端或者PC端自适应安装postcss-px-to-viewport配置webpack.config.js或者package.json（二选一即可）postcss-px-to-viewport的缺点安装postcss-px-to-viewport npm install ...

./~/postcss-loader!./~/sass-loader/lib/loader.js!./src/style/common.global.scss Module build failed: Error: ENOENT: no such file or directory, open 'D:\Test\kgt-zhenduan-tool\node_modules\sass-loader...

项目中移动端 REM 适配方法和 PostCSS 的使用

标签： css html vue.js

什么是适配我们拿到的设计图一般是以640，750，...rem是css3 的一个长度单位，相对文档跟元素 html；比如设置html font-size=100px;那么1rem=100px;之后的所有元素都可以用这个基准值来设置大小；移动端 R...

移动端布局方案 postcss-pxtorem

标签： postcss javascript 前端

移动端布局方案 postcss-pxtorem

webpack postcss-loader autoprefixer 配置

首先安装postcss-loader 和 autoprefixer（自动添加前缀的插件）； npm install --save-dev postcss-loader autoprefixer 接下来，在webpack配置文件中添加postcss-loader，在根目录新建postcss.config.js,并...

4. 加载css资源（loader的使用）

标签： css webpack javascript

我们需要知道的一个前提是：webpack默认只认识js或者json文件，其他的资源webpack不认识。

VUE 与 Webpack 使用postcss-px-to-viewport px转vw

标签： vue webpack

VUE 与 Webpack 使用postcss-px-to-viewport px转vwVUE 的配置安装在 vue.config.js 文件的 `module.exports` 中加入配置Webpack 的配置安装在 webpack.config.js 文件的 module 模块中添加配置另外一种配置方式，...