sass或者postcss如何设置相邻两个元素样式?
比如: <div class="demo"> <div></div> <div></div> <div></div> <div></div> <div></div> </div&g…
在 scss 中引入具有相对路径的图像将导致 postcss 失效?
一开始,我在 webpack 中 配置了 postcss,可以生效,但是如果在 scss 中引入了背景图片,打包时就会报这样一个错误。所以我在 postcss 配置中添加了…
postcss-write-svg实现1px边框
问题描述 看了大漠老师的文章 移动端下1px 的解决方案用了 postcss-write-svg可是边框上下显示 左右不显示。不知道是不是自己哪里用错了 相关代码 @s…
postcss如何忽略某个文件夹
在vue-cli3使用postcss,如何忽略某个文件夹,不让它影响里面的样式? vue.config.js代码如下 css: { // 配置高于chainWebpack中关于css loader的配…
postcss中postcss-simple-vars的语法在编辑器中报错
业务背景 在webstorm下利用vue-cli3.0框架,学习postcss 使用混合宏(插件是postcss-mixins)时需要传递参数 传递参数所用到的变量插件是postcss-simple…
怎么让vscode识别这种写法啊
问题描述 @component-namespace lu{ @b row{ box-sizing:border-box position: relative @utils-clearfix @m flex{ display: flex &::after, &…
Vue中如何引入全局postcss中定义的mixin函数
如题所示,尝试过sass-resources-loader并不能解决postcss的全局引入问题,现在我只能每个vue组件导入全局的mixin函数,很不方便,请问有没有其他方法…
vue配置postcss,dev正常,但build报错
报错信息 .Error processing file: static/css/app.712bea8dd803afc0084e16e3c16e5d53.css(node:5948) UnhandledPromiseRejectionWarning: Unhandled…
在webpack中使用了postcss,怎么让其忽略node_modules下的文件呢
在webpack中添加了postcss,要用px2rem自动转换单位 然后我又引入了antd-mobile 结果px2rem把antd-mobile的样式也转换了 怎么样让px2rem忽略掉antd-m…
PostCSS如何正确处理类似“#{$Interpolation}”这样的SASS语法
我在PostCSS下编译一段这样的css时,未能达到预期的结果,首先是css代码: .component { $c: & padding: 2vw &__card { background-color: #ff…
vue项目中同时使用postcss的postcss-write-svg和less导致不能正常编译?
vue项目,webpack打包。已配置好loader,代码如下 { test: /\.less$/, use: [ { loader: 'style-loader', options: {} // style-loader options },{ …
LESS字符串拼接,多出一个空格怎么办?
首先我设置一个function .generate-font-size(@n, @i: 1) when (@i =< @n) { .font-size-@{i} { font-size: @i+px } .generate-font-size(@n, (@i …
使用vue-cli新建webpack项目时如何使用postcss,及postcss相关插件
使用vue-cli脚手架新建了一个以webpack模版的项目,想在单组件的项目中使用postcss书写css,在vue-loader.conf.js中引用了postcss-cssnext与precss v…
vue-cli 中这几处配置中使用postcss做了哪些事情?
webpack.base.conf.js 中的 { test: /\.vue$/, loader: 'vue-loader', options: { loaders: { css: ['vue-style-loader', { loader: 'css-loader', o…