webpack中使用less自定义函数

less本身不具备能自定义函数的功能, 而我又不想用stylus 和 sass.
后面找到一个插件 less-plugin-functions
使用这个插件我们就可以实现自定义函数

• 首先安装包
  npm i -D less-plugin-functions

• 在webpack中引入并且在less-loader里使用

const LessFunc = require(' less-plugin-functions ');

module.exports = {
      ....
   ,{
      test: /\.less$/,
                use: ExtractTextPlugin.extract({
                    fallback: 'style-loader',
                    use: ['css-loader', {
                        loader: 'postcss-loader',
                        options: {
                            plugins: [
                                require('autoprefixer')({
                                    browsers: ['last 5 versions']
                                })
                            ]
                        }
                    }, {
                        loader: 'less-loader',
                        options: {
                            plugins: [ new LessFunc() ]     // 实例化
                        }
                    }]
                })
            }
      }