Incluir un framework UI como antd

Federico Villa

Pregunta

student•hace 8 años

Hola, estoy tratando de integrar antd al proyecto. Leyendo la documentación he procedido con lo siguiente:

npm install antd --save

Y luego en un

global.css

que import dentro del home, he probado con

@import '~antd/dist/antd.css';

Pero encuentro el siguiente error:

ERROR in ./~/css-loader?modules!./source/pages/containers/Global.css Module not found: Error: Cannot resolve module '~antd/dist/antd.css'

Además traté instalando

babel-plugin-import

, y en nuestro webpack client lo modifiqué de la siguiente manera:

module: { loaders: [ { test: /\.json$/, loader: 'json', }, { test: /\.jsx?$/, loader: 'babel', query: { presets: ['es2016', 'es2017', 'react'], plugins: ['transform-es2015-modules-commonjs', ['import', [{ libraryName: 'antd', style: 'css' }]], ], cachedDirectory: true, }, }, { test: /\.css$/, loader: ExtractTextPlugin.extract('style', 'css?modules'), }, ], },

Pero no puedo observar la carga del css, aunque mirando el DOM, el button tiene la clase correspondiente.

Ricardo Azpeitia P.

student•hace 8 años

Puedes poner el error completo?

Puede que esto este relacionado

https://github.com/webpack/webpack/issues/1470

Incluir un framework UI como antd

Curso Profesional de React con Redux 2016

Curso Profesional de React con Redux 2016