webpack配置遇到的问题和解决办法

最新推荐文章于 2024-08-10 08:47:04 发布

路过的锤子

最新推荐文章于 2024-08-10 08:47:04 发布

阅读量3.2k

点赞数

分类专栏：学习总结

本文链接：https://blog.csdn.net/fortomxq/article/details/95967767

版权

这篇博客主要讲述了在webpack配置过程中遇到的三个问题：css-loader、vue-loader和es2016支持的问题。针对这些问题，作者提供了详细的错误原因分析和解决办法，包括回退到特定版本的loader和替换转化插件。

摘要由CSDN通过智能技术生成

关于css-loader错误问题

参考：https://github.com/webpack-contrib/css-loader/issues/863

该问题是由于css-loader在2.x增加了验证机制，导致转出icon.vue时候抛出错误信息。

WARNING in configuration
The 'mode' option has not been set, webpack will fallback to 'production' for this value. Set 'mode' option to 'development' or 'production' to enable defaults for each environment.
You can also set it to 'none' to disable any default behavior. Learn more: https://webpack.js.org/concepts/mode/

ERROR in ./node_modules/vue-awesome/components/Icon.vue (./node_modules/css-loader/dist/cjs.js?minimize!./node_modules/vue-loader/lib/style-compiler?{"optionsId":"0","vue":true,"scoped":false,"sourceMap":false}!./node_modules/vue-loader/lib/selector.js?type=styles&index=0!./node_modules/vue-awesome/components/Icon.vue)
Module build failed (from ./node_modules/css-loader/dist/cjs.js):
ValidationError: CSS Loader Invalid Options

options should NOT have additional properties

    at validateOptions (/works/aixiujing/web_manager/node_modules/schema-utils/src/validateOptions.js:32:11)
    at Object.loader (/works/aixiujing/web_manager/node_modules/css-loader/dist/index.js:44:28)
@ ./node_modules/vue-awesome/components/Icon.vue (./node_modules/vue-style-loader!./node_modules/css-loader/dist/cjs.js?minimize!./node_modules/vue-loader/lib/style-compiler?{"optionsId":"0","vue":true,"scoped":false,"sourceMap":false}!./node_modules/vue-loader/lib/selector.js?type=styles&index=0!./node_modules/vue-awesome/components/Ic