razzle-plugin-less

此包包含一个插件，用于将 LESS 与 Razzle 配合使用

在 Razzle 项目中使用

yarn add razzle-plugin-less --dev

使用默认选项

// razzle.config.js
module.exports = {
  plugins: ['less'],
};

使用自定义选项

// razzle.config.js
module.exports = {
  plugins: [
    {
      name: 'less',
      options: {
        postcss: {
          dev: {
            sourceMap: false,
          },
        },
      },
    },
  ],
};

选项

请记住，自定义选项会使用 Object.assign 扩展默认选项。诸如 postcss.plugins 的数组不会得到扩展或拼接，它将覆盖所有默认插件。

postcss

默认值

{
  dev: {
    sourceMap: true,
    ident: 'postcss',
  },
  prod: {
    sourceMap: false,
    ident: 'postcss',
  },
  plugins: [
    PostCssFlexBugFixes,
    autoprefixer({
      browsers: ['>1%', 'last 4 versions', 'Firefox ESR', 'not ie < 9'],
      flexbox: 'no-2009',
    }),
  ],
}

将 dev 设为向 development 中的 postcss 添加配置。将 prod 设为向 production 中的 postcss 添加配置。

请参阅 postcss 加载程序选项以覆盖配置。

less

默认值

{
  dev: {
    sourceMap: true,
    includePaths: [paths.appNodeModules],
  },
  prod: {
    sourceMap: false,
    includePaths: [paths.appNodeModules],
  },
}

将 dev 设为向 development 中的 postcss 添加配置。将 prod 设为向 production 中的 postcss 添加配置。

请参阅 less 加载程序选项以覆盖配置。

css

默认值

{
  dev: {
    sourceMap: true,
    importLoaders: 1,
    modules: false,
  },
  prod: {
    sourceMap: false,
    importLoaders: 1,
    modules: false,
    minimize: true,
  },
}

将 dev 设为向 development 中的 postcss 添加配置。将 prod 设为向 production 中的 postcss 添加配置。

请参阅 css 加载程序选项以覆盖配置。

style

默认值

{
}

Style loader 仅在development环境中使用。

请参阅Style Loader 选项以覆盖配置。

resolveUrl

默认值

{
  dev: {},
  prod: {},
}

将 dev 设为向 development 中的 postcss 添加配置。将 prod 设为向 production 中的 postcss 添加配置。

请参阅Resolve URL Loader 选项以覆盖配置。