今天配置了一下 webpack.config.js
, 然而css的打包一直出错,配置都是常规配置,错误如下:
ERROR in ./src/search.css
Module build failed (from ./node_modules/style-loader/dist/cjs.js):
TypeError: this.getOptions is not a function
at Object.loader (C:\Users\xingmu\ws\practice\webpack-gk\01\node_modules\style-loader\dist\index.js:19:24)
@ ./src/search.js 26:0-22
npm ERR! code ELIFECYCLE
npm ERR! errno 2
npm ERR! 01@1.0.0 build: `webpack`
npm ERR! Exit status 2
npm ERR!
npm ERR! Failed at the 01@1.0.0 build script.
npm ERR! This is probably not a problem with npm. There is likely additional logging output above.
npm ERR! A complete log of this run can be found in:
npm ERR! C:\Users\xingmu\AppData\Roaming\npm-cache\_logs\2021-07-19T15_59_55_660Z-debug.log
Process finished with exit code 2
经过排查测试,发下是由于style-loader
的版本过高导致的,记录一下:
webpack4
可用的 css
文件的 loader 对应最高版本如下:
"css-loader": "^5.2.7",
"style-loader": "^2.0.0",
同时,如果使用的是 less
,webpack4
对应的 less-loader
可用版本配置如下:
"css-loader": "^5.2.7",
"style-loader": "^2.0.0",
"less-loader": "^7.3.0",