最近在学习webpack4配置，其中mini-css-extract-plugin可以把css文件从打包后的js文件中剥离出来。减少了主bundle的页面文件大小，加快加载速度。
然后我就按照文档去配置图1是我文件目录
图1
图2图3是我配置的mini-css-extract-plugin
图2
图3
我想把pages里面的css打包到dist文件夹下面，但是我一直打包都没有index.css出现。我以为是我配置有问题，怎么都找不到原因，把我的文件和别人的文件对比发现我没有把pages里面的css import到index.js
图4
本身对webpack不熟悉，没搞清楚原理，分离css需要把css引入到js的，不像copyWebpackPlugin插件可以直接把文件从一个文件夹复制到另一个文件夹。不知道有没有小伙伴犯同样的错误呢，首先mini-css-extract-plugin不能提取css为单独的文件，查看下是否import了css哦。
最近在学习webpack4配置，其中mini-css-extract-plugin可以把css文件从打包后的js文...
这是一个关于Webpack4的文章系列，其中包含以下文章: Webpack4学习笔记（一）——基本使用 Webpa...
这是一个关于Webpack4的文章系列，其中包含以下文章: Webpack4学习笔记（一）——基本使用 Webpa...
系列博客链接 webpack4入门学习笔记(一) webpack4入门学习笔记(二) webpack4入门学习笔记...
系列博客链接 webpack4入门学习笔记(一) webpack4入门学习笔记(二) webpack4入门学习笔记...
系列博客链接 webpack4入门学习笔记(一) webpack4入门学习笔记(二) webpack4入门学习笔记...
webpack4 splitChunkPlugin配置介绍 前言 webpack4删除了CommonsChunkP...
webpack4 图片，字体 https://github.com/hyyfrank/webpack4 branc...
Webpack4 如何处理css https://github.com/hyyfrank/webpack4 br...
安装webpack4本文的webpack版本为webpack4,所以需要安装webpack和webpack-cli...
本文标题：webpack4 关于mini-css-extract-plug
本文链接：https://www.haomeiwen.com/subject/gjblpqtx.html
网友评论