![](https://img-blog.csdnimg.cn/20201014180756919.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
webpack
文章平均质量分 50
qsya
树叶的一生 只是为了归根吗
展开
-
webpack5中css兼容性处理
» 场景 webpack5 通过 postcss 来处理 css 兼容性问题 webpack版本: “webpack”: “^5.52.1”, “webpack-cli”: “^4.8.0” » 步骤 1.安装 postcss 插件 npm i postcss postcss-loader postcss-preset-env -D 插件版本: “postcss”: “^8.3.7”, “postcss-loader”: “^6.1.1”, “postcss-preset-env”: “^6.7.原创 2021-11-02 22:40:56 · 676 阅读 · 0 评论 -
webpack5打包图片资源
场景: 在做webpack5打包图片资源时,发现图片无法显示,各种报错,特此记录一下。 插件版本: “webpack”: “^5.52.1”, “webpack-cli”: “^4.8.0” 1.针对 css 中引入的资源 方法一: 使用 url-loader 处理图片资源,添加 type: ‘javascript/auto’ 使得webpack5中能够支持旧版语法。 需要下载插件: npm i url-loader file-loader -D webpack.config.js 中配置: {原创 2021-09-11 18:48:02 · 1450 阅读 · 3 评论