减少进口不起作用16

时间:2017-10-20 06:30:43

标签: reactjs webpack less babel antd

我关注webpack.config。一切正常,期望减少导入(导入'./some.less')。没有错误,但编译的css文件也没有变化。 我使用了React 16,Babel,打字稿 这里有什么想法错了吗?

module: {
rules: [
  {
    exclude: [
      // html-webpack-plugin
      /\.ejs$/, /\.html$/, /\.ico$/,
      // css-loader
      /\.css$/,
      // awesome-typescript-loader
      /\.json$/, /\.jsx?$/, /\.tsx?$/,
      // url-loader
      /\.svg$/, /\.bmp$/, /\.gif$/, /\.jpe?g$/, /\.png$/, /\.webp$/
    ],
    loader: 'file-loader',
    options: {
      name: 'media/[name].[ext]'
    }
  },
  {
    test: [/\.svg$/, /\.bmp$/, /\.gif$/, /\.jpe?g$/, /\.png$/, /\.webp$/],
    loader: 'url-loader',
    options: {
      limit: 8192,
      name: 'media/[name].[ext]'
    }
  },
  {
    test: /\.css$/,
    use: [
      {
        loader: 'style-loader'
      },
      {
        loader: 'css-loader',
        options: {
          importLoaders: 1
        }
      },
      {
        loader: 'postcss-loader',
        options: {
          ident: 'postcss',
          plugins: [
            require('autoprefixer')()
          ]
        }
      }
    ]
  },
    { test: /\.less$/, loaders: ["style-loader", "css-loader", "less-loader"]},

0 个答案:

没有答案