You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 

848 lines
22 KiB

<!DOCTYPE HTML>
<html lang="" >
<head>
<meta charset="UTF-8">
<meta content="text/html; charset=utf-8" http-equiv="Content-Type">
<title>Customization · Neutrino</title>
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="description" content="">
<meta name="generator" content="GitBook 3.2.2">
<link rel="stylesheet" href="../gitbook/style.css">
<link rel="stylesheet" href="../gitbook/gitbook-plugin-prism/prism.css">
<link rel="stylesheet" href="../gitbook/gitbook-plugin-npmsearchlist/styles.css">
<link rel="stylesheet" href="../gitbook/gitbook-plugin-search/search.css">
<link rel="stylesheet" href="../gitbook/gitbook-plugin-fontsettings/website.css">
<meta name="HandheldFriendly" content="true"/>
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<link rel="apple-touch-icon-precomposed" sizes="152x152" href="../gitbook/images/apple-touch-icon-precomposed-152.png">
<link rel="shortcut icon" href="../gitbook/images/favicon.ico" type="image/x-icon">
<link rel="next" href="simple.html" />
<link rel="prev" href="../middleware/neutrino-middleware-named-style-loader/README.md" />
</head>
<body>
<div class="book">
<div class="book-summary">
<div id="book-search-input" role="search">
<input type="text" placeholder="Type to search" />
</div>
<nav role="navigation">
<ul class="summary">
<li class="chapter " data-level="1.1" data-path="../">
<a href="../">
Introduction
</a>
</li>
<li class="chapter " data-level="1.2" data-path="../installation.html">
<a href="../installation.html">
Installation
</a>
</li>
<li class="chapter " data-level="1.3" data-path="../usage.html">
<a href="../usage.html">
Usage
</a>
</li>
<li class="chapter " data-level="1.4" data-path="../project-layout.html">
<a href="../project-layout.html">
Project Layout
</a>
</li>
<li class="chapter " data-level="1.5" data-path="../FAQ.html">
<a href="../FAQ.html">
FAQ
</a>
</li>
<li class="chapter " data-level="1.6" data-path="../presets/">
<a href="../presets/">
Presets
</a>
<ul class="articles">
<li class="chapter " data-level="1.6.1" data-path="../presets/neutrino-preset-web/">
<a href="../presets/neutrino-preset-web/">
Web
</a>
</li>
<li class="chapter " data-level="1.6.2" data-path="../presets/neutrino-preset-react/">
<a href="../presets/neutrino-preset-react/">
React
</a>
</li>
<li class="chapter " data-level="1.6.3" data-path="../presets/neutrino-preset-node/">
<a href="../presets/neutrino-preset-node/">
Node.js
</a>
</li>
<li class="chapter " data-level="1.6.4" data-path="../presets/neutrino-preset-airbnb-base/">
<a href="../presets/neutrino-preset-airbnb-base/">
Airbnb
</a>
</li>
<li class="chapter " data-level="1.6.5" data-path="../presets/neutrino-preset-karma/">
<a href="../presets/neutrino-preset-karma/">
Karma
</a>
</li>
<li class="chapter " data-level="1.6.6" data-path="../presets/neutrino-preset-mocha/">
<a href="../presets/neutrino-preset-mocha/">
Mocha
</a>
</li>
<li class="chapter " data-level="1.6.7" data-path="../presets/neutrino-preset-jest/">
<a href="../presets/neutrino-preset-jest/">
Jest
</a>
</li>
<li class="chapter " data-level="1.6.8" data-path="../presets/community-presets.html">
<a href="../presets/community-presets.html">
Community presets
</a>
</li>
</ul>
</li>
<li class="chapter " data-level="1.7" data-path="../middleware/">
<a href="../middleware/">
Middleware
</a>
<ul class="articles">
<li class="chapter " data-level="1.7.1" data-path="../middleware/neutrino-middleware-banner/">
<a href="../middleware/neutrino-middleware-banner/">
banner
</a>
</li>
<li class="chapter " data-level="1.7.2" data-path="../middleware/neutrino-middleware-chunk/">
<a href="../middleware/neutrino-middleware-chunk/">
chunk
</a>
</li>
<li class="chapter " data-level="1.7.3" data-path="../middleware/neutrino-middleware-clean/">
<a href="../middleware/neutrino-middleware-clean/">
clean
</a>
</li>
<li class="chapter " data-level="1.7.4" data-path="../middleware/neutrino-middleware-compile-loader/">
<a href="../middleware/neutrino-middleware-compile-loader/">
compile-loader
</a>
</li>
<li class="chapter " data-level="1.7.5" data-path="../middleware/neutrino-middleware-copy/">
<a href="../middleware/neutrino-middleware-copy/">
copy
</a>
</li>
<li class="chapter " data-level="1.7.6" data-path="../middleware/neutrino-middleware-env/">
<a href="../middleware/neutrino-middleware-env/">
env
</a>
</li>
<li class="chapter " data-level="1.7.7" data-path="../middleware/neutrino-middleware-eslint/">
<a href="../middleware/neutrino-middleware-eslint/">
eslint
</a>
</li>
<li class="chapter " data-level="1.7.8" data-path="../middleware/neutrino-middleware-font-loader/">
<a href="../middleware/neutrino-middleware-font-loader/">
font-loader
</a>
</li>
<li class="chapter " data-level="1.7.9" data-path="../middleware/neutrino-middleware-hot/">
<a href="../middleware/neutrino-middleware-hot/">
hot
</a>
</li>
<li class="chapter " data-level="1.7.10" data-path="../middleware/neutrino-middleware-html-loader/">
<a href="../middleware/neutrino-middleware-html-loader/">
html-loader
</a>
</li>
<li class="chapter " data-level="1.7.11" data-path="../middleware/neutrino-middleware-html-template/">
<a href="../middleware/neutrino-middleware-html-template/">
html-template
</a>
</li>
<li class="chapter " data-level="1.7.12" data-path="../middleware/neutrino-middleware-image-loader/">
<a href="../middleware/neutrino-middleware-image-loader/">
image-loader
</a>
</li>
<li class="chapter " data-level="1.7.13" data-path="../middleware/neutrino-middleware-loader-merge/">
<a href="../middleware/neutrino-middleware-loader-merge/">
loader-merge
</a>
</li>
<li class="chapter " data-level="1.7.14" data-path="../middleware/neutrino-middleware-minify/">
<a href="../middleware/neutrino-middleware-minify/">
minify
</a>
</li>
<li class="chapter " data-level="1.7.15" data-path="../middleware/neutrino-middleware-named-modules/">
<a href="../middleware/neutrino-middleware-named-modules/">
named-modules
</a>
</li>
<li class="chapter " data-level="1.7.16" data-path="../middleware/neutrino-middleware-named-start-server/README.md">
<span>
start-server
</a>
</li>
<li class="chapter " data-level="1.7.17" data-path="../middleware/neutrino-middleware-named-style-loader/README.md">
<span>
style-loader
</a>
</li>
</ul>
</li>
<li class="chapter active" data-level="1.8" data-path="./">
<a href="./">
Customization
</a>
<ul class="articles">
<li class="chapter " data-level="1.8.1" data-path="simple.html">
<a href="simple.html">
Simple
</a>
</li>
<li class="chapter " data-level="1.8.2" data-path="advanced.html">
<a href="advanced.html">
Advanced
</a>
</li>
</ul>
</li>
<li class="chapter " data-level="1.9" data-path="../creating-presets.html">
<a href="../creating-presets.html">
Creating presets
</a>
</li>
<li class="chapter " data-level="1.10" data-path="../learning-resources.html">
<a href="../learning-resources.html">
Learning Resources
</a>
</li>
<li class="chapter " data-level="1.11" data-path="../api/">
<a href="../api/">
API
</a>
</li>
<li class="chapter " data-level="1.12" data-path="../cli/">
<a href="../cli/">
CLI
</a>
</li>
<li class="chapter " data-level="1.13" data-path="../upgrading-neutrino.html">
<a href="../upgrading-neutrino.html">
Upgrading from v4 to v5
</a>
</li>
<li class="chapter " data-level="1.14" >
<a target="_blank" href="https://github.com/mozilla-neutrino/neutrino-dev/tree/docs-v4/docs">
v4 Documentation
</a>
</li>
<li class="chapter " data-level="1.15" data-path="../contributing/">
<a href="../contributing/">
Contributing
</a>
<ul class="articles">
<li class="chapter " data-level="1.15.1" data-path="../contributing/development.html">
<a href="../contributing/development.html">
Development Process
</a>
</li>
<li class="chapter " data-level="1.15.2" data-path="../contributing/code-of-conduct.html">
<a href="../contributing/code-of-conduct.html">
Code of Conduct
</a>
</li>
</ul>
</li>
<li class="divider"></li>
<li>
<a href="https://www.gitbook.com" target="blank" class="gitbook-link">
Published with GitBook
</a>
</li>
</ul>
</nav>
</div>
<div class="book-body">
<div class="body-inner">
<div class="book-header" role="navigation">
<!-- Title -->
<h1>
<i class="fa fa-circle-o-notch fa-spin"></i>
<a href=".." >Customization</a>
</h1>
</div>
<div class="page-wrapper" tabindex="-1" role="main">
<div class="page-inner">
<div id="book-search-results">
<div class="search-noresults">
<section class="normal markdown-section">
<h1 id="neutrino-customization">Neutrino Customization</h1>
<p>No two JavaScript projects are ever the same, and as such there may be times when you will need to make modifications
to the way your Neutrino preset is building your project. Neutrino provides two ways you can augment a preset in the
context of a project without resorting to creating and publishing an entirely independent preset.</p>
<h3 id="simple-customization">Simple Customization</h3>
<p>By defining an object within your package.json at <code>neutrino</code>, Neutrino will merge this information with that provided by
your presets or middleware, overriding the configuration and options with your own preferences.</p>
<h3 id="advanced-customization">Advanced Customization</h3>
<p>You can also create a configuration override directly in your project which can extend the presets and middleware you
are using.</p>
<hr>
<p>Continue for details on each technique.</p>
</section>
</div>
<div class="search-results">
<div class="has-results">
<h1 class="search-results-title"><span class='search-results-count'></span> results matching "<span class='search-query'></span>"</h1>
<ul class="search-results-list"></ul>
</div>
<div class="no-results">
<h1 class="search-results-title">No results matching "<span class='search-query'></span>"</h1>
</div>
</div>
</div>
</div>
</div>
</div>
<a href="../middleware/neutrino-middleware-named-style-loader/README.md" class="navigation navigation-prev " aria-label="Previous page: style-loader">
<i class="fa fa-angle-left"></i>
</a>
<a href="simple.html" class="navigation navigation-next " aria-label="Next page: Simple">
<i class="fa fa-angle-right"></i>
</a>
</div>
<script>
var gitbook = gitbook || [];
gitbook.push(function() {
gitbook.page.hasChanged({"page":{"title":"Customization","level":"1.8","depth":1,"next":{"title":"Simple","level":"1.8.1","depth":2,"path":"customization/simple.md","ref":"./customization/simple.md","articles":[]},"previous":{"title":"style-loader","level":"1.7.17","depth":2,"path":"middleware/neutrino-middleware-named-style-loader/README.md","ref":"./middleware/neutrino-middleware-named-style-loader/README.md","articles":[]},"dir":"ltr"},"config":{"plugins":["edit-link","prism","-highlight","github","anchorjs","npmsearchlist"],"root":"./docs","styles":{"website":"styles/website.css","pdf":"styles/pdf.css","epub":"styles/epub.css","mobi":"styles/mobi.css","ebook":"styles/ebook.css","print":"styles/print.css"},"pluginsConfig":{"prism":{},"github":{"url":"https://github.com/mozilla-neutrino/neutrino-dev/"},"search":{},"lunr":{"maxIndexSize":1000000,"ignoreSpecialCharacters":false},"npmsearchlist":{},"fontsettings":{"theme":"white","family":"sans","size":2},"sharing":{"facebook":true,"twitter":true,"google":false,"weibo":false,"instapaper":false,"vk":false,"all":["facebook","google","twitter","weibo","instapaper"]},"edit-link":{"label":"Edit page","base":"https://github.com/mozilla-neutrino/neutrino-dev/tree/master/docs"},"theme-default":{"styles":{"website":"styles/website.css","pdf":"styles/pdf.css","epub":"styles/epub.css","mobi":"styles/mobi.css","ebook":"styles/ebook.css","print":"styles/print.css"},"showLevel":false},"anchorjs":{}},"theme":"default","pdf":{"pageNumbers":true,"fontSize":12,"fontFamily":"Arial","paperSize":"a4","chapterMark":"pagebreak","pageBreaksBefore":"/","margin":{"right":62,"left":62,"top":56,"bottom":56}},"structure":{"langs":"LANGS.md","readme":"README.md","glossary":"GLOSSARY.md","summary":"SUMMARY.md"},"variables":{},"title":"Neutrino","gitbook":"*"},"file":{"path":"customization/README.md","mtime":"2017-03-08T20:46:26.000Z","type":"markdown"},"gitbook":{"version":"3.2.2","time":"2017-05-11T00:08:48.026Z"},"basePath":"..","book":{"language":""}});
});
</script>
</div>
<script src="../gitbook/gitbook.js"></script>
<script src="../gitbook/theme.js"></script>
<script src="../gitbook/gitbook-plugin-edit-link/plugin.js"></script>
<script src="../gitbook/gitbook-plugin-github/plugin.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/anchor-js/3.1.1/anchor.min.js"></script>
<script src="../gitbook/gitbook-plugin-anchorjs/anchor-style.js"></script>
<script src="../gitbook/gitbook-plugin-npmsearchlist/script.js"></script>
<script src="../gitbook/gitbook-plugin-search/search-engine.js"></script>
<script src="../gitbook/gitbook-plugin-search/search.js"></script>
<script src="../gitbook/gitbook-plugin-lunr/lunr.min.js"></script>
<script src="../gitbook/gitbook-plugin-lunr/search-lunr.js"></script>
<script src="../gitbook/gitbook-plugin-sharing/buttons.js"></script>
<script src="../gitbook/gitbook-plugin-fontsettings/fontsettings.js"></script>
</body>
</html>