解决:Webpack4 打包时css样式文件为空

起因

npm upgrade

因为每次都提示有包更新,所以更新了包。然后就出现

static/css/1.1dfe7c7.css    0 KiB       1  [emitted]   vendors~app 

调查

于是我看了一下,CSS打包是用的 "extract-text-webpack-plugin": "^4.0.0-beta.0" , 好像当时也是因为有问题才切这个Beta版本的,
去Npmjs上查了一下,果然:

Npmjs包信息
人家这个包已经不支持了,所以更新了会出问题。于是按照推荐更换新的包:"mini-css-extract-plugin": "^1.3.1",

代码如下:

const MiniCssExtractPlugin = require('mini-css-extract-plugin');
rules: [
    {
       test: /\.(c|le)ss$/,
       use: [
          MiniCssExtractPlugin.loader,
         'css-loader',
         'less-loader',
       ],
     },
]

结语

建议大家生产环境不要把 ^ 符号放开,这样它就不会去升级了,固定版本号。

评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

洲上牧童

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值