Question

我正在使用node-less编译器和我的create-react-app webpack配置来编译我的较少文件。编译速度非常慢，每次更改文件大约需要5-8秒。

这是我的webpack配置的一部分，它指定了较少的编译：

{
  exclude: [
    /\.html$/,
    /\.(js|jsx)$/,
    /\.css$/,
    /\.json$/,
    /\.svg$/,
    /\.less$/
  ],
  loader: 'url',
  query: {
    limit: 10000,
    name: 'static/media/[name].[hash:8].[ext]'
  }
},

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

我希望编译速度（或几乎和以前一样快）（当我没有使用较少的加载器时）

提前致谢！

Answer 1

我也开始使用较少的装载机，但随后阅读了丹·阿布拉莫夫关于添加css pre-prossesor的评论并转而使用他的解决方案。工作真的很棒 - 下面是注释的链接，但简而言之 - 您不需要弹出和更改create-react-app默认配置 - 只需添加一个文件监视器，监视并编译您的较少文件到css文件中，然后让webpack使用这些编译的css文件。无需更改配置！

create-react-app无节点编译

1 个答案: