在react項目中不能直接引入antd.css文件,引入會報警告./node_modules/antd/dist/antd.css (./node_modules/css-loader??ref-

解決的方法是在webpack.config.dev.js和webpack.config.prod.js文件添加相關配置,然後引入antd.less:

const cssRegex = /\.(css|less)$/;
const cssModuleRegex = /\.module\.css$/;
const sassRegex = /\.(scss|sass)$/;
const sassModuleRegex = /\.module\.(scss|sass)$/;
const stylusRegex = /\.styl$/;
const stylusModuleRegex = /\.module\.styl$/;

// common function to get style loaders
const getStyleLoaders = (cssOptions, preProcessor) => {
  const loaders = [
    require.resolve('style-loader'),
    {
      loader: require.resolve('css-loader'),
      options: cssOptions,
    },
    {
      loader:'less-loader',
      options:{
        javascriptEnabled:true
      }
    },

在項目的app.js文件裏全局引入antd.less

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章