去除npm run dev日志warn记录

目录

• 一 babel的一些eslint方法废除了
  • 问题
  • 解决方案
  • 相关文档
• 二 webpack的loaderUtils.parseQuery()被废弃了
  • 问题
  • 解决方案
  • 相关文档
• 三 postcss相关
  • 问题
  • 解决方案
  • 相关文档

一 babel的一些eslint方法废除了

问题

 ...ode_modules\webpack\hot\dev-server.jsThe babel/generator-star-spacing rule is deprecated. Please use the built in generator-star-spacing rule instead.
The babel/array-bracket-spacing rule is deprecated. Please use the built in array-bracket-spacing rule instead.
The babel/object-shorthand rule is deprecated. Please use the built in object-shorthand rule instead.
The babel/arrow-parens rule is deprecated. Please use the built in arrow-parens rule instead.
The babel/no-await-in-loop rule is deprecated. Please use the built in no-await-in-loop rule instead.

解决方案

在.eslintrc文件中或者在该文件extends的依赖中找到rules，删除掉

相关文档

https://github.com/babel/eslint-plugin-babel 中的Deprecated章节说说明

二 webpack的loaderUtils.parseQuery()被废弃了

问题

DeprecationWarning: loaderUtils.parseQuery() received a non-string value which can be problematic, see https://github.com/webpack/loader-utils/issues/56

解决方案

在 webpack.config.js给全局变量process添加traceDeprecation属性，并设置成true，

process.traceDeprecation = true

重新npm run dev。会打印详情信息。

DeprecationWarning: loaderUtils.parseQuery() received a non-string value which can be problematic, see https://github.com/webpack/loader-utils/issues/56
parseQuery() will be replaced with getOptions() in the next major version of loader-utils.
    at Object.parseQuery (xxxx\node_modules\file-loader\node_modules\loader-utils\index.js:78:3)
    at Object.module.exports (xxxx\node_modules\file-loader\index.js:11:26)

通过详细信息定位到是file-loader还在使用旧的方法，升级file-loader即可。

相关文档

https://github.com/webpack/loader-utils/issues/56

三 postcss相关

问题

app.cssNode#before is deprecated. Use Node#raws.before

解决方案

升级到postcss到6.0以上。实际上package.json并没有直接引用postcss，升级postcss-loader就好。

相关文档

https://github.com/postcss/autoprefixer/issues/905