刚开始学React,想少用React。我对此做了一些研究,他们说我应该在 webpack.config.dev.js
中编写配置,但是,在我运行 npm run eject
之后,我只有一个文件:webpack.config.js
。
我想这可能是因为更新,新版本可能将 webpack.config.dev.js 和 webpack.config.prod.js 合并为 `webpack.config.js 。
然后我查看了 webpack 的主页,上面写着:
// webpack.config.js
module.exports = {
...
module: {
rules: [{
test: /\.js$/,
issuer: /\.less$/,
use: [{
loader: 'js-to-less-loader'
}]
}]
}
};
但我不知道在哪里插入这些代码。我没有找到任何类似的代码。所以我想要一个简单的示例来说明如何在 React 中支持 less。
谢谢。
最佳答案
弹出后需要做以下步骤才能在react中少用
1. Go to webpack.config.js file and search for cssRegex change it from /\.css$/ to /\.(?:le|c)ss$/
2. install less and less loader using npm install -S less less-loader
3. search for getStyleLoaders method in webpack config file and add the following object to array of loaders specified over there
{
loader: require.resolve('less-loader'),
options: {
importLoaders: 1,
},
}
然后你就可以开始了,如果有任何问题,请随时要求澄清
关于javascript - 如何在 React 16.7 和 webpack 4.29 中使用 LESS?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/55235124/