webpack插件收集整理

• friendly-errors-webpack-plugin ：解释地址
• monaco-editor-webpack-plugin：解释地址
• portfinder：解释地址
• ora,chalk:解释地址
• rimraf：解释地址
• webpack-bundle-analyzer：打包分析
• parallel-webpack：多进程打包
• happypack：多进程打包

happypack配置使用：

安装: npm i happypack -D
配置：
	const Happypack = require('happypack');
	//构造出一个共享进程池，在进程池中包含4个子进程
	const happyThreadPool = Happypack.ThreadPool({
	    size: 4
	})
	
	module: {
	    rules: [
	        {
	            test: /\.js$/,
	            use: 'Happypack/loader?id=happypackJs',
	            include: path.resolve(__dirname, './src')
	        }
	    ]
	},
	plugins: [
	    new Happypack({
	        // 用唯一的标识符 id 来代表当前的 HappyPack 是用来处理一类特定的文件
	        id: 'happypackJs',
	        // 如何处理 .js 文件，用法和 Loader 配置中一样
	        use: ['babel-loader'],
	        //使用共享进程池中的自进程去处理任务
	        threadPool: happyThreadPool,
	        //是否允许happypack输出日志，默认true
	        verbose: true
	    }),
	]