介绍
neutrino-preset-happypack 是一个 Neutrino Preset，能够使用 HappyPack 加速 Webpack 打包速度，同时保证构建输出的正确性。这个 Preset 适用于基于 React 的开发。
安装
首先需要安装 Neutrino 和 webpack：
npm install -g neutrino webpack
然后安装 neutrino-preset-happypack：
npm install --save-dev neutrino-preset-happypack
配置
在你项目的 package.json 文件中，添加以下配置：
-- -------------------- ---- -------
-
----------- -
------ -
---------------------------
--
---------- -
------------ -
---------- -- -- ---- ---------------- - -
---------- -
-
------- ---------------
-------- -
----------------- ----
-
--
-
------- ----------------
-------- -
-------- ----
-
-
-
-
-
-
-这里说明一下，happypack 的 threads 是指多少进程执行打包任务，loaders 中的 path 是指这个 loader 的路径，query 是 loader 的 options。
示例
下面是一个简单的 Neutrino 应用的示例，它可以在浏览器中显示 "Hello World!"。
index.js
import React from 'react';
import ReactDOM from 'react-dom';
ReactDOM.render(
<h1>Hello World!</h1>,
document.getElementById('root')
);index.html
-- -------------------- ---- -------
--------- -----
------
------
------------ -------------
-------
------
---- ----------------
------- ------------------------
-------
-------package.json
-- -------------------- ---- -------
-
------- -------------------
---------- --------
---------- -
------ --------- -------
-------- --------- ------
--
--------------- -
-------- ----------
------------ ---------
--
------------------ -
----------- ---------
---------------------------- ---------
---------- ---------
--------------------- --------
--
----------- -
------ -
---------------------------
--
---------- -
------------ -
---------- --
---------- -
-
------- ---------------
-------- -
----------------- ----
-
--
-
------- ----------------
-------- -
-------- ----
-
-
-
-
-
-
-总结
neutrino-preset-happypack 使得基于 React 的开发变得更加高效，可以极大的提高开发效率，同时还能够保证构建输出的正确性。使用时只需按照上面的安装和配置步骤，即可轻松接入。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/600556bc81e8991b448d3865