【React】dva-cli建立脚手架后引用css 无效
用dva-cli作为脚手架建立工程后,开始尝试编写页面。然后立马发现一个坑爹的问题。 在我less文件里面写了一个class,比如:MainHead。 但是编译出来之后发现css文件里面变成了MainHead__xuaz,多了一个后缀,坑爹嘛这是!!! 一番查找后发现原来是引用了css-modules这个包。 为了卸载这个包,我翻找了半天。照例来说应该在webpack的时候屏蔽这个包。 可惜node项目不知道说封装了太好了还是怎么的,dva生成的脚手架里面根本就没有webpack.config.js这个包。 终于,在我的不懈努力下终于发现问题的主因了。 原因就在于dva是用一个叫rodhog的工具打包的。 在root目录下,有一个叫 打开这个文件,里面有一个【 .roadhogrc 如下
{ "entry": "src/index.js", "env": { "development": { "extraBabelPlugins": [ "dva-hmr", "transform-runtime" ] }, "production": { "extraBabelPlugins": [ "transform-runtime" ] } }, "extraBabelPlugins": [ "transform-runtime", ["import",{ "libraryName": "antd","style": "css" }] ] , "disableCSSModules":true } (编辑:李大同) 【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容! |