使用webpack创建更少的捆绑包 [英] creating a less bundle with webpack

问题描述

我需要使用webpack创建一个bundle.less文件，该文件的行为与less-loader + exctract文本插件相同，除了它不应少编译为CSS，仅连接所有所需的较少文件并内联较少的导入.

I need to create a bundle.less file with webpack that behaves the same as less-loader + exctract text plugin EXCEPT that it should not compile less into css, only concatenate all the required less files and inline the less imports.

原因是我有一些在运行时会解析的变量(以允许用户自定义应用程序主题)，但我想将其捆绑在生产捆绑的资源中，而不是整个源文件集合中.

The reason is that I have some variable that will be resolved at runtime (to allow the user to customize the application theme) but I want to ship in production bundled resources instead of the whole source file collection.

有没有办法用现有的插件来做到这一点，还是我需要编写一个 webpack 插件(我宁愿避免)?

Is there a way to do that with existing plugin or do I need to write a webpack plugin (which I would rather avoid)?

推荐答案

最后，我决定创建一个自定义Webpack加载器，该加载器以递归方式内联更少的导入.

In the end I decided to create a custom webpack loader that recursively inline less imports.

这篇关于使用webpack创建更少的捆绑包的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！