分享web开发知识

注册/登录|最近发布|今日推荐

主页 IT知识网页技术软件开发前端开发代码编程运营维护技术分享教程案例
当前位置:首页 > 教程案例

webpack.config.js====CSS相关:::postcss-loader加载器,自动添加前缀

发布时间:2023-09-06 02:30责任编辑:赖小花关键词:jsCSSwebpack

1. 安装:复制拷贝文件

cnpm install postcss-loader autoprefixer --save-dev

2. webpack.config.js中使用

 ???????rules: [ ???????????//配置css加载器 ???????????{ ???????????????test: /\.css$/, ???????????????use: cssExtract.extract({ ???????????????????fallback: "style-loader", ???????????????????use: ["css-loader", "postcss-loader"] ???????????????}) ???????????}, ???????????//配置sass加载器 ???????????{ ???????????????test: /\.scss$/, ???????????????use: sassExtract.extract({ ???????????????????fallback: ‘style-loader‘, ???????????????????use: [‘css-loader‘, "postcss-loader", ‘sass-loader‘] ???????????????}) ???????????}, ???????]

 3. 创建一个postcss.config.js文件,并配置如下

module.exports = { ???plugins: [ ???????require(‘autoprefixer‘) ???]}

webpack.config.js====CSS相关:::postcss-loader加载器,自动添加前缀

原文地址:https://www.cnblogs.com/songxia/p/10295795.html

知识推荐

我的编程学习网——分享web前端后端开发技术知识。 垃圾信息处理邮箱 tousu563@163.com 网站地图
icp备案号 闽ICP备2023006418号-8 不良信息举报平台 互联网安全管理备案 Copyright 2023 www.wodecom.cn All Rights Reserved