React项目中使用Style.use( ),webapck小白求教!

项目中使用Style.use()具体如下:

clipboard.png
需在webpack项目中配置style-loader相关
我配置如下:

clipboard.png
不知道那个地方的问题,一直霸报 not a function ,求webaopck大神指点!

阅读 3.1k
3 个回答

什么not found,关键的东西(报错)没放图。
另外注意一下,react没有style.use(),只要js里引了less,并成功打包的话。直接在render里使用className样式类就行了

这个use应该是less文件中定义的use方法。如果没有这个方法,当然会报错了。

新手上路,请多包涵

楼上的都说错了,Style.use是Style-Loader里边的用法,只要在webpack里配置style-loader/useable之后就可以使用样式加载器的懒加载功能,所有对应后缀名的样式在一开始引入的时候不会自动应用到组件,要显示调用use/ref才会使用,销毁样式需要显示调用unuse/unref才能使用
针对楼主的错误,应该是webpack配置的时候,需要把.useable.css那部分配置往上移,可能是webpack在识别的时候先识别到了上面.css后缀名的配置,导致跳过了下面.useable.css的配置,所以导致报错不生效

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题