在react中引入less支持

发表评论
1369 views

在react中引入less支持

首先安装包

npm install --save-dev less less-loader npm install --save-dev babel-plugin-transform-async-to-generator

增加配置

在webpack 中加入参数， 我用的事react，在react 中，应该是位于 oneOf 这个数组里面，位于数组的第三位
{
        test: /\.less$/,
        use: [{
            loader: "style-loader"
        }, {
            loader: "css-loader"
        }, {
            loader: "less-loader",
            options: {
                javascriptEnabled: true
            }
        }]
    }
如果用了 ant-design的话，可以配置一下按需加载：
webpack 中加入，在react 中，应位于 oneOf 这个数组里面 的 plugins 里面
["import", { "libraryName": "antd-mobile", "style": "css" }]