webpack開發- less 插件

• 插件編寫

class VariablesOutputPlugin {
  constructor(options) {
  }
  install(less, pluginManager, functions) {
    functions.add('pi', function() {
      console.log('xxxx')
      return Math.PI;
    });
  }
}

module.exports = VariablesOutputPlugin;

• 插件參數

{
// pluginManager提供一個可以添加文件管理器，後處理器或訪問者的持有者。
   install: function(less, pluginManager) {
   },
   // setOptions函數傳遞字符串。
   setOptions: function(argumentString) {
   },
   // printUsage函數用於解釋選項。
   printUsage: function() {
   },
   
   minVersion: [2, 0, 0]
}

• 插件使用
  普通webpack 配置在less-loader 的option中添加plugins: [ new VariablesOutputPlugin() ]
vue-cli3中配置css.loderOptions.less.plugins: [ new VariablesOutputPlugin()]

詳細開發細節將後續更新