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数组中的必须是对象了,不能是字符串。