npm中｛"minimize":false,"sourceMap":false｝报错的解决参考

最新推荐文章于 2024-08-13 17:41:15 发布

原创最新推荐文章于 2024-08-13 17:41:15 发布 · 1.3k 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#webpack

webpack 专栏收录该内容

1 篇文章

订阅专栏

本文介绍了在使用GitHub上的一个示例项目时遇到的Webpack配置错误问题，具体表现为缺少Less-loader模块导致样式无法正确加载。文章详细记录了从发现问题到解决问题的过程，并提供了具体的解决方案。

在github下了一个demo，然后运行的时候发现如图报错

报错示例

分析

报错提示minimize和sourceMap为false，前面对应的是css文件的loader，即没有获取压缩样式文件，然后在后面看到less-loader的字样，去项目中看样式文件

样式文件

原来是我没有在npm里配置less的解析模块于是现在就需要
npm install less-loader –save-dev
再次npm run dev就可以正常了

总结

这句才是关键词

以前也遇到过这种webpack里缺少依赖模块的问题，但是都是在开头部分就是缺失的模块名称

这回这个项目配置出错，习惯的只看开头，以为是vue-style-loader!css-loader这方面有问题，尝试多次之后才看到后面有一个less的字样，然后一看果然代码里是用的less。