qq_45641978的博客

简单记录一下webpack对css样式进行打包的三个插件 按照顺序 less-loader 当项目中使用less时需要同时引入less-loader，浏览器不能直接编译less，需要less-loader将less语法转化为css css-loader css-loader作用是解析css文件的@import和url语句，处理css模块，并将处理的结果以js模块返回 经过css-loader的处理，还需要style-loader进行技js的挂载，style-loader的作用是将结果以style的标签方式

报错信息 Invalid options object. Copy Plugin has been initialized using an options object that does not match 报错原因 Copy-webpack-plugin运行报错 在npm官网查次插件 发现产生配置错误 修改配置 发现报错无了 ...

报错提示： WebpackMerge is not a function 根据报错提示发现不能直接使用WebpackMerge 查看文档之后 修改为WebpackMerge.merge报错就无了 webpack踩坑之路记录一下 如果有同学想看webpack实战文章的话请点击 ...

前言 随着前端技术发展，掌握前端工程化越发成为前端工程师必要的条件。日常开发者中，我们常在用例如vue-cli 、 create-react-app等脚手架构建我们项目。但是如果你想在团队脱颖而出，那就需要花费一部分时间去学习webpack 本文来自我的微信公众号：前端小嘟 本文各插件版本将在文章末尾为大家呈现 1.初始化项目 新建目录，初始化npm npm init 1.1安装webpack包（建议将三个包同时安装） npm i -D webpack webpa...

mini-css-extract-plugin 插件 坑挺多 记录一下 版本兼容坑 typescript No module factory available for dependency type: CssDependency 查看个人的 webpack的版本 如果版本在v5以上 需要使用mini-css-extract-plugin 0.8.2版本 0.8.2版本较为稳定。 2.需配合 plugin部分 一起使用 { plugins:[ new MiniCs