- 综合排序
- 最热优先
- 最新优先
- 来自专栏前端魔法指南
从文档开发框架到package.json，带你走一轮React组件库构建与发布
theme: { '@primary-color': '#7FA1F7', }, extraPostCSSPlugins: [ require('postcss-import #3 extraPostCSSPlugins 我们发现，这里新增了两个插件 其中，tailwindcss负责为我们引入tailwindcss，而postcss-import则是做了一个把css文件中的 为什么需要postcss-import? 踩了多次坑之后，我参考了tdesign-react和antd这两个组件库，发现这两个组件库都是通过直接引入bundle样式来引入组件库样式的。 resolve(), postcss({ extract: true, plugins: [ require('postcss-import 同时我建议在global.css中配置需要全局引入的css postcss-import会把这份文件打包在一起 注意！
4.5K20编辑于 2022-09-21 - 来自专栏柠檬先生
webpack 简单配置
处理浏览器前缀 { loader: 'postcss-loader', options: { plugins: [require('postcss-import "css-loader"}, {loader: "postcss-loader",options:{ plugins:[require('postcss-import
1.1K70发布于 2018-01-22 - 来自专栏终身学习者
定制一个 Vue 3 模板 - 集成 Vite, Pinia, Vue Router 与 Tailwind CSS
要做到这一点，需要安装这个PostCSS插件 - postcss-import。 npm install -D postcss-import 接着，在实用类中使用 @apply: <style lang="scss"> .about { @apply lg:min-h-screen
2.5K10编辑于 2022-09-27 - 来自专栏热爱IT
vue cli 3.0快速创建项目【内容仅供参考】
} } 1 2 3 4 5 配置成 module.exports = { plugins: { "postcss-import "autoprefixer": {} } } 1 2 3 4 5 6 7 安装postcss-import 和postcss-url插件 $ npm install postcss-import和$ npm install postcss-url postcss-import相关配置点击这里 cssnano": "^3.10.0", "postcss-aspect-ratio-mini": "^0.0.2", "postcss-cssnext": "^3.1.0", "postcss-import 11 12 13 接下来在.postcssrc.js文件对新安装的PostCSS插件进行配置： module.exports = { plugins: { "postcss-import
1.2K30发布于 2019-04-10 - 来自专栏搞前端的李蚊子
ReactJs移动端兼容问题汇总
检查发现部分flex和transfrom属性没有加兼容前缀，但项目引入了autoprefixer自动添加前缀的插件，经过对比代码发现在scss文件中使用@import引入的文件都没有被成功添加，通过引入postcss-import
2.4K50发布于 2018-08-01 - 来自专栏JowayYoung谈前端
npm依赖(构建编译)
tslint: TS校验 typescript: JS编译 uglifyjs: JS压缩(ES5) Postcss插件 autoprefixer: 前缀垫片 postcss-cssnext: 新语法垫片 postcss-import tslint: TS校验 typescript: JS编译 uglifyjs: JS压缩(ES5) Postcss插件 autoprefixer: 前缀垫片 postcss-cssnext: 新语法垫片 postcss-import
2.5K50发布于 2020-04-01 - 来自专栏前端技术开发
Parcel前端构建工具
postcss.config.js文件 module.exports = { plugins: [ require('autoprefixer'), require('postcss-import
1.3K40发布于 2019-12-25 - 来自专栏cywhat
npm缺少css-loader，/style-compiler，stylus-loader问题，npm没有权限无法全局更新问题
/client/components/panel_links.vue Cannot find module ‘postcss-import’ @ .
99420编辑于 2022-11-22 - 来自专栏禅林阆苑
webpack 学习笔记系列04-资源处理优化
postcss-import 支持处理 @import 引入的 CSS 代码，效果和设置 css-loader 的 importLoaders 相同。 的资源之前有多少个 loader 取值： 0 => 默认，没有 loader 1 => postcss-loader 2 => postcss-loader, sass-loader // 直接使用 postcss-import 插件 const autoprefixer = require('autoprefixer'); const postcssImport = require('postcss-import'); module.exports
21110编辑于 2025-06-27 - 来自专栏禅林阆苑
webpack 学习笔记系列04-资源处理优化
postcss-import 支持处理 @import 引入的 CSS 代码，效果和设置 css-loader 的 importLoaders 相同。 的资源之前有多少个 loader 取值： 0 => 默认，没有 loader 1 => postcss-loader 2 => postcss-loader, sass-loader // 直接使用 postcss-import 插件 const autoprefixer = require('autoprefixer'); const postcssImport = require('postcss-import'); module.exports
2K120发布于 2021-02-21 - 来自专栏全栈程序员必看
vue项目中使用postcss-px2rem的方法总结「建议收藏」
npm i postcss-px2rem –save -dev 2.设置 1）.找到项目根目录下的.postcssrc文件 module.exports = { "plugins": { "postcss-import
7.4K30编辑于 2022-11-18 - 来自专栏王二麻子IT技术交流园地
十、VueJs 填坑日记之在项目中使用Amaze UI
出现这个原因说模块没有正确加载，我们打开/.postcssrc.js这个文件，打到"postcss-import": {},并删除。
1.5K100发布于 2018-01-02 - 来自专栏JavaScript高阶应用
从零开始构建你的 Gulp
postcss-pseudoelements 将伪元素的 :: 转换为 : postcss-vmin 使用 vm 为 vmin 做降级处理，IE9+ pixrem 给 rem 添加 px 作为降级处理，IE8+ postcss-import require('postcss-vmin'), pixrem = require('pixrem'), atImport = require('postcss-import
1.6K40编辑于 2024-03-19 微信小程序 折叠屏兼容
postcss.config.jsconst path = require('path')module.exports = { parser: 'postcss-comment', plugins: { 'postcss-import
1K10编辑于 2024-07-27- 来自专栏程序员IT圈
vue-cli 脚手架中 webpack 配置基础文件详解
分离出的js重复问题(多个文件引入同一css文件) "ora": "^1.2.0",//加载（loading）的插件 "portfinder": "^1.0.13",//查看进程端口 "postcss-import module.exports = { "plugins": { "postcss-import": {},//① "postcss-url": {},//② "autoprefixer ": {}//③ }} 注释： ①、点这里→postcss-import文档传送门 ②、点这里→postcss-url文档传送门 ③、点这里→autoprefixer文档传送门 3、 .babelrc
1.8K31发布于 2018-07-27 - 来自专栏CRPER折腾记
CSS-Next : CSS预处理器简单写法的替代者, 想了解下么?
// https://github.com/michael-ciniawsky/postcss-load-config module.exports = { plugins: { 'postcss-import
1.2K20发布于 2018-08-28 - 来自专栏饼干的前端专栏
听说你小程序玩的挺溜？
gi, // 默认设计稿按照750宽，2倍图的出 // 640 0.85 transform: (x) => x * 2, }), require("postcss-import
84620编辑于 2022-09-19 - 来自专栏人生代码
拥抱 Vite2.0 系列（二）
@import Inlining and Rebasing Vite是预先配置的，通过postcss-import支持CSS @import内联。在CSS @import中，Vite别名也受到尊重。
4.1K30发布于 2021-03-16 - 来自专栏柒八九技术收纳盒
前端项目里都有啥？
module.expors = () => { return { plugins: { 'postcss-import': {}, 'stylelint':{ postcss-import[22] 原生 CSS 中的@import规则，因为它会阻止同时下载样式表，从而影响加载速度和性能。 用于在 CSS 文件中引入其他 CSS 文件 postcss-import与原生CSS中的导入规则不同。
1.1K10编辑于 2024-01-30 - 来自专栏Candy 的修仙秘籍
手把手教你手写 Vite Server（二）—— 插件架构设计
lessMiddleware()); }, }; } 核心还是 Less 中间件的实现： import postcss from 'postcss'; import atImport from 'postcss-import
88920编辑于 2023-02-24
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号