webpack指南中的一处小坑

(前言:最近有时间,又打开webpack,看了下。)

有一处小坑,记录下:

webpack网站-》指南-》管理资源-》加载css

内容如下:

module: {
     rules: [
       {
         test: /\.css$/,
         use: [
           'style-loader',
           'css-loader',
         ],
       },
     ],
   },

留意use部分,如果你照着上面的操作,使用npm run build时,必然报错。

解决办法(也来自webpack网站教程中):

use部分修改如下 :

use:[
                    {loader:'style-loader'},
                    {loader:'css-loader'}
                ],

再次运行命令,成功!

其实就是说,传入use数组中的必须是对象了,不能是字符串。

posted @ 2020-11-07 21:54  sx00xs  阅读(63)  评论(0编辑  收藏  举报