Question

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

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

Answer 1

我最终做的是改进imports loader以添加一个选项，为每个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' }
]

在WebPack中加载样式

1 个答案: