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() ] // 实例化
}
}]
})
}
}
