首先需要安裝必要的插件
sass-resources-loader图甜，less-loader等，網(wǎng)上說(shuō)這個(gè)出現(xiàn)這個(gè)錯(cuò)誤的原因是因?yàn)閘ess與webpack版本不一致所致叁温。解決的方法如下缤剧。
1.修改項(xiàng)目根目錄build中的utils.js
在utils.js中
less: generateLoaders('less')改為
less: generateLoaders('less').concat(
? {
? ? loader: 'sass-resources-loader',
? ? options: {
? ? ? resources: path.resolve(__dirname, '../src/assets/css/1.less')
? ? }
? }
)
2.修改webpack.base.config.js
在該js中的modules中的rules中增加
{
? test: /\.less$/,
? loader: "style-loader!css-loader!less-loader"
}
3.將less-loader的版本降低
npm install less-loader@5.0.0 --save
