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