头部样式问题

来源:12-1 PC端页头组件开发

紫燕_0428

2018-02-26

http://img.mukewang.com/szimg/5a93a35c000167e109730123.jpg

老师,头部这里的内容挨到顶部了,antd里面相应class应该是有默认样式的,我在root.js里面引入了antd.css,其他文件应该就不用引入了吧?

写回答

1回答

小猪猪喝可乐

2018-02-26

可以在webpack config 里全局配置

在loaders . query 下增加

plugins: ['react-html-attrs',["import", { "libraryName": "antd", "libraryDirectory": "es", "style": "css" }]], //添加组件的插件配置


完整如下:

module: {
   loaders: [
       {
           test: /\.js?$/,
           exclude: /(node_modules)/,
           loader: 'babel-loader',
           query: {
               presets: ['react', 'es2015'],
               plugins: ['react-html-attrs',["import", { "libraryName": "antd", "libraryDirectory": "es", "style": "css" }]], //添加组件的插件配置
           },

       },
       {
           test: /\.css$/,
           loader: 'style-loader!css-loader'
       },
       {
           test: /\.less$/,
           loader: ['style-loader','css-loader?modules&importLoaders=1&localIdentName=[name]__[local]___[hash:base64:5]','less-loader'],
       },
   ]
},

0
3
KB_Handler
回复
紫燕_0428
检查你的node_module里面是否有venders , 如果有使用,即时你配置了楼上同学讲得东东也不会生效!只有手动添加,建议看ant原文档Ant Design of React 这个页面讲得很清楚
2018-03-07
共3条回复

结合基础与实战学习React.js 独立开发新闻头条平台

轻松入门 React 开发,React Router 4 与 Webpack 2 完美升级项目

2768 学习 · 2126 问题

查看课程