less - 在 WebPack 中加载样式

Question

有没有办法尝试为每个加载的xx.js加载xx.less？

现在，我们require 'xx.less'在每个相关的 js 文件的顶部添加它，它有点难看。

Answer 1

我最终做的是改进导入加载器，以添加一个选项，以便less为每个jsx同名文件（如果存在）导入文件。

我的改进import loader：https ://github.com/welldone-software/imports-loader

拉取请求：https ://github.com/webpack/imports-loader/pull/12

例如，mainview.less放在与 , 相同的目录中mainview.jsx会在文件顶部添加一个require("mainview.less")导入jsx：

loaders: [
    { test: /\.jsx?$/, loaders: ['imports?null=[./{name}.less]', 'react-hot', 'babel'] },
    { test: /\.less$/, loader: 'style!css!less' }
]