', {
56 | 'href': gitbook.state.basePath + '/' + res.url,
57 | 'text': res.title
58 | });
59 |
60 | var content = res.body.trim();
61 | if (content.length > MAX_DESCRIPTION_SIZE) {
62 | content = content.slice(0, MAX_DESCRIPTION_SIZE).trim()+'...';
63 | }
64 | var $content = $('').html(content);
65 |
66 | $link.appendTo($title);
67 | $title.appendTo($li);
68 | $content.appendTo($li);
69 | $li.appendTo($searchList);
70 | });
71 | }
72 |
73 | function launchSearch(q) {
74 | // Add class for loading
75 | $body.addClass('with-search');
76 | $body.addClass('search-loading');
77 |
78 | // Launch search query
79 | throttle(gitbook.search.query(q, 0, MAX_RESULTS)
80 | .then(function(results) {
81 | displayResults(results);
82 | })
83 | .always(function() {
84 | $body.removeClass('search-loading');
85 | }), 1000);
86 | }
87 |
88 | function closeSearch() {
89 | $body.removeClass('with-search');
90 | $bookSearchResults.removeClass('open');
91 | }
92 |
93 | function launchSearchFromQueryString() {
94 | var q = getParameterByName('q');
95 | if (q && q.length > 0) {
96 | // Update search input
97 | $searchInput.val(q);
98 |
99 | // Launch search
100 | launchSearch(q);
101 | }
102 | }
103 |
104 | function bindSearch() {
105 | // Bind DOM
106 | $searchInput = $('#book-search-input input');
107 | $bookSearchResults = $('#book-search-results');
108 | $searchList = $bookSearchResults.find('.search-results-list');
109 | $searchTitle = $bookSearchResults.find('.search-results-title');
110 | $searchResultsCount = $searchTitle.find('.search-results-count');
111 | $searchQuery = $searchTitle.find('.search-query');
112 |
113 | // Launch query based on input content
114 | function handleUpdate() {
115 | var q = $searchInput.val();
116 |
117 | if (q.length == 0) {
118 | closeSearch();
119 | }
120 | else {
121 | launchSearch(q);
122 | }
123 | }
124 |
125 | // Detect true content change in search input
126 | // Workaround for IE < 9
127 | var propertyChangeUnbound = false;
128 | $searchInput.on('propertychange', function(e) {
129 | if (e.originalEvent.propertyName == 'value') {
130 | handleUpdate();
131 | }
132 | });
133 |
134 | // HTML5 (IE9 & others)
135 | $searchInput.on('input', function(e) {
136 | // Unbind propertychange event for IE9+
137 | if (!propertyChangeUnbound) {
138 | $(this).unbind('propertychange');
139 | propertyChangeUnbound = true;
140 | }
141 |
142 | handleUpdate();
143 | });
144 |
145 | // Push to history on blur
146 | $searchInput.on('blur', function(e) {
147 | // Update history state
148 | if (usePushState) {
149 | var uri = updateQueryString('q', $(this).val());
150 | history.pushState({ path: uri }, null, uri);
151 | }
152 | });
153 | }
154 |
155 | gitbook.events.on('page.change', function() {
156 | bindSearch();
157 | closeSearch();
158 |
159 | // Launch search based on query parameter
160 | if (gitbook.search.isInitialized()) {
161 | launchSearchFromQueryString();
162 | }
163 | });
164 |
165 | gitbook.events.on('search.ready', function() {
166 | bindSearch();
167 |
168 | // Launch search from query param at start
169 | launchSearchFromQueryString();
170 | });
171 |
172 | function getParameterByName(name) {
173 | var url = window.location.href;
174 | name = name.replace(/[\[\]]/g, '\\$&');
175 | var regex = new RegExp('[?&]' + name + '(=([^&#]*)|&|#|$)', 'i'),
176 | results = regex.exec(url);
177 | if (!results) return null;
178 | if (!results[2]) return '';
179 | return decodeURIComponent(results[2].replace(/\+/g, ' '));
180 | }
181 |
182 | function updateQueryString(key, value) {
183 | value = encodeURIComponent(value);
184 |
185 | var url = window.location.href;
186 | var re = new RegExp('([?&])' + key + '=.*?(&|#|$)(.*)', 'gi'),
187 | hash;
188 |
189 | if (re.test(url)) {
190 | if (typeof value !== 'undefined' && value !== null)
191 | return url.replace(re, '$1' + key + '=' + value + '$2$3');
192 | else {
193 | hash = url.split('#');
194 | url = hash[0].replace(re, '$1$3').replace(/(&|\?)$/, '');
195 | if (typeof hash[1] !== 'undefined' && hash[1] !== null)
196 | url += '#' + hash[1];
197 | return url;
198 | }
199 | }
200 | else {
201 | if (typeof value !== 'undefined' && value !== null) {
202 | var separator = url.indexOf('?') !== -1 ? '&' : '?';
203 | hash = url.split('#');
204 | url = hash[0] + separator + key + '=' + value;
205 | if (typeof hash[1] !== 'undefined' && hash[1] !== null)
206 | url += '#' + hash[1];
207 | return url;
208 | }
209 | else
210 | return url;
211 | }
212 | }
213 | });
214 |
--------------------------------------------------------------------------------
/gitbook/_book/gitbook/gitbook-plugin-sharing/buttons.js:
--------------------------------------------------------------------------------
1 | require(['gitbook', 'jquery'], function(gitbook, $) {
2 | var SITES = {
3 | 'facebook': {
4 | 'label': 'Facebook',
5 | 'icon': 'fa fa-facebook',
6 | 'onClick': function(e) {
7 | e.preventDefault();
8 | window.open('http://www.facebook.com/sharer/sharer.php?s=100&p[url]='+encodeURIComponent(location.href));
9 | }
10 | },
11 | 'twitter': {
12 | 'label': 'Twitter',
13 | 'icon': 'fa fa-twitter',
14 | 'onClick': function(e) {
15 | e.preventDefault();
16 | window.open('http://twitter.com/home?status='+encodeURIComponent(document.title+' '+location.href));
17 | }
18 | },
19 | 'google': {
20 | 'label': 'Google+',
21 | 'icon': 'fa fa-google-plus',
22 | 'onClick': function(e) {
23 | e.preventDefault();
24 | window.open('https://plus.google.com/share?url='+encodeURIComponent(location.href));
25 | }
26 | },
27 | 'weibo': {
28 | 'label': 'Weibo',
29 | 'icon': 'fa fa-weibo',
30 | 'onClick': function(e) {
31 | e.preventDefault();
32 | window.open('http://service.weibo.com/share/share.php?content=utf-8&url='+encodeURIComponent(location.href)+'&title='+encodeURIComponent(document.title));
33 | }
34 | },
35 | 'instapaper': {
36 | 'label': 'Instapaper',
37 | 'icon': 'fa fa-instapaper',
38 | 'onClick': function(e) {
39 | e.preventDefault();
40 | window.open('http://www.instapaper.com/text?u='+encodeURIComponent(location.href));
41 | }
42 | },
43 | 'vk': {
44 | 'label': 'VK',
45 | 'icon': 'fa fa-vk',
46 | 'onClick': function(e) {
47 | e.preventDefault();
48 | window.open('http://vkontakte.ru/share.php?url='+encodeURIComponent(location.href));
49 | }
50 | }
51 | };
52 |
53 |
54 |
55 | gitbook.events.bind('start', function(e, config) {
56 | var opts = config.sharing;
57 |
58 | // Create dropdown menu
59 | var menu = $.map(opts.all, function(id) {
60 | var site = SITES[id];
61 |
62 | return {
63 | text: site.label,
64 | onClick: site.onClick
65 | };
66 | });
67 |
68 | // Create main button with dropdown
69 | if (menu.length > 0) {
70 | gitbook.toolbar.createButton({
71 | icon: 'fa fa-share-alt',
72 | label: 'Share',
73 | position: 'right',
74 | dropdown: [menu]
75 | });
76 | }
77 |
78 | // Direct actions to share
79 | $.each(SITES, function(sideId, site) {
80 | if (!opts[sideId]) return;
81 |
82 | gitbook.toolbar.createButton({
83 | icon: site.icon,
84 | label: site.text,
85 | position: 'right',
86 | onClick: site.onClick
87 | });
88 | });
89 | });
90 | });
91 |
--------------------------------------------------------------------------------
/gitbook/_book/gitbook/images/apple-touch-icon-precomposed-152.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/adminparry/react-for-learn/0684bacab58bf93a9c8b94f4e617d6a271a77a81/gitbook/_book/gitbook/images/apple-touch-icon-precomposed-152.png
--------------------------------------------------------------------------------
/gitbook/_book/gitbook/images/favicon.ico:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/adminparry/react-for-learn/0684bacab58bf93a9c8b94f4e617d6a271a77a81/gitbook/_book/gitbook/images/favicon.ico
--------------------------------------------------------------------------------
/gitbook/assets/WechatIMG27.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/adminparry/react-for-learn/0684bacab58bf93a9c8b94f4e617d6a271a77a81/gitbook/assets/WechatIMG27.png
--------------------------------------------------------------------------------
/gitbook/assets/WechatIMG28.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/adminparry/react-for-learn/0684bacab58bf93a9c8b94f4e617d6a271a77a81/gitbook/assets/WechatIMG28.png
--------------------------------------------------------------------------------
/gitbook/md/GraphQL.md:
--------------------------------------------------------------------------------
1 | # GraphQL
--------------------------------------------------------------------------------
/gitbook/md/hot-reload.md:
--------------------------------------------------------------------------------
1 | # HMR 热替换
2 |
3 | ### index.tsx
4 | 默认应用使用hot-reload形式 由于前端工程的越来越大化 开发模式中我们也希望有一些状态的保留 如果reload则所有的状态都丢失了 耗时也比较长 所以应用现在比较流行也比较优秀的方式来进行开发
5 |
6 | 我们只需要在入口文件index修改其根节点就可以 这是webpack给我们带来的便利
7 |
8 | ##### ts
9 | ``` typescript
10 | import React from 'react';
11 | import ReactDOM from 'react-dom';
12 | import * as serviceWorker from '../serviceWorker';
13 |
14 | import App from './App';
15 |
16 |
17 | const rootEl = document.getElementById('root');
18 |
19 | ReactDOM.render(, rootEl);
20 |
21 | if ((module as any)['hot']) {
22 |
23 | (module as any)['hot']['accept']("./App", () => {
24 |
25 | ReactDOM.render(, rootEl);
26 | });
27 | }
28 | // If you want your app to work offline and load faster, you can change
29 | // unregister() to register() below. Note this comes with some pitfalls.
30 | // Learn more about service workers: https://bit.ly/CRA-PWA
31 | serviceWorker.unregister();
32 | ```
33 | ##### js
34 | ``` javascript
35 | import React from 'react';
36 | import ReactDOM from 'react-dom';
37 | import * as serviceWorker from '../serviceWorker';
38 |
39 | import App from './App';
40 |
41 |
42 | const rootEl = document.getElementById('root');
43 |
44 | ReactDOM.render(, rootEl);
45 |
46 | if (module.hot) {
47 |
48 | module.hot.accept("./App", () => {
49 |
50 | ReactDOM.render(, rootEl);
51 | });
52 | }
53 | // If you want your app to work offline and load faster, you can change
54 | // unregister() to register() below. Note this comes with some pitfalls.
55 | // Learn more about service workers: https://bit.ly/CRA-PWA
56 | serviceWorker.unregister();
57 | ```
58 |
--------------------------------------------------------------------------------
/gitbook/md/mobx.md:
--------------------------------------------------------------------------------
1 | # mobx
2 |
3 | ``` bash
4 | npm install mobx mobx-react --save
5 | ```
6 |
7 | react-scripts@2.0.0之后的版本中 不再对Decorators支持
8 |
9 | ``` bash
10 | npm install customize-cra react-app-rewired @babel/plugin-proposal-decorators --save
11 | cd src && touch config-overrides.js
12 |
13 | ```
14 | config-overrides.js
15 | ``` javascript
16 | const { override, addDecoratorsLegacy } = require('customize-cra');
17 | module.exports = override(
18 | addDecoratorsLegacy()
19 | );
20 | ```
21 | 当然不使用decorator也可以 看参考第二个
22 |
23 | ### git
24 | https://github.com/adminparry/react-family-demo.git
25 | ``` bash
26 | git clone https://github.com/adminparry/react-family-demo.git
27 | cd react-mobx-demo
28 | npm install
29 | npm run dev
30 | ```
31 |
32 |
33 | ##### 参考
34 |
35 | https://www.html.cn/create-react-app/docs/can-i-use-decorators/
36 |
37 | https://cn.mobx.js.org/best/decorators.html
--------------------------------------------------------------------------------
/gitbook/md/mock.md:
--------------------------------------------------------------------------------
1 | # mock
2 |
3 | 对于初级开发人员来说 mock能在一定程度上帮助他们制造一些数据
4 | 也是可以用来进行测试的工具
5 |
6 | ``` bash
7 | npm install mockjs --save-dev
8 | ```
9 |
10 |
11 |
12 | ### git
13 | https://github.com/adminparry/react-family-demo.git
14 | ``` bash
15 | git clone https://github.com/adminparry/react-family-demo.git
16 | cd react-mock-demo
17 | npm install
18 | npm run restart
19 | ```
20 |
21 | #### mock数据随心配
22 |
23 | http://mockjs.com/
--------------------------------------------------------------------------------
/gitbook/md/proxy.md:
--------------------------------------------------------------------------------
1 | # proxy
2 |
3 |
4 | ``` bash
5 | npm install http-proxy-middleware --save
6 | cd src && touch setupProxy.js
7 |
8 | ```
9 |
10 | ##### setupProxy.js
11 | ``` javascript
12 | const proxy = require('http-proxy-middleware');
13 |
14 | module.exports = function(app) {
15 | app.use(proxy('/api', { target: 'http://localhost:5000/' }));
16 | };
17 | ```
18 | ### git
19 | https://github.com/adminparry/react-family-demo.git
20 | ``` bash
21 | git clone https://github.com/adminparry/react-family-demo.git
22 | cd react-proxy-demo
23 | npm install
24 | npm start
25 | ```
26 |
27 |
28 | ### 参考
29 | https://www.html.cn/create-react-app/docs/proxying-api-requests-in-development/
30 |
--------------------------------------------------------------------------------
/gitbook/md/quickStarter.md:
--------------------------------------------------------------------------------
1 | # 快速创建一个react工程
2 |
3 | ``` bash
4 | npm install -g create-react-app
5 | create-react-app --version
6 | ```
--------------------------------------------------------------------------------
/gitbook/md/react-cli.md:
--------------------------------------------------------------------------------
1 | # 创建一个react应用
2 |
3 | ``` bash
4 | npm install -g create-react-app
5 | ```
6 |
7 | 
8 |
9 |
10 | 创建应用 如果不喜欢typescript 可以不进行选择
11 | 创建完成之后我们进入到目录运行
12 | ``` bash
13 | react-create-app first-project --typescript
14 | cd first-project
15 | ```
16 |
17 | 查看工具命令可以通过查看package.json文件中的script
18 |
19 | 
20 |
21 | 导出配置文件有利于后续对项目的整合
22 |
23 | ``` bash
24 | git init
25 | git add .
26 | git commit -m "init eject config"
27 | npm run eject
28 | ```
29 |
30 | 运行开发模式
31 | ``` bash
32 | npm run start
33 | ```
34 |
35 |
--------------------------------------------------------------------------------
/gitbook/md/react-router-dom.md:
--------------------------------------------------------------------------------
1 | # react-router-dom
2 |
3 | 添加react-router进行一个spa的开发
4 | ``` bash
5 | create-react-app react-router-demo
6 | cd react-router-demo
7 | ```
8 | ``` bash
9 | npm install --save react-router-dom
10 | ```
11 |
12 | 拆分路由可以用react-loadable
13 |
14 | ``` bash
15 | npm install react-loadable --save
16 | ```
17 |
18 | ### git
19 | https://github.com/adminparry/react-family-demo.git
20 | ``` bash
21 | git clone https://github.com/adminparry/react-family-demo.git
22 | cd react-router-demo
23 | npm install
24 | npm start
25 | ```
26 | 完成大多数react单页面应用的基本结构 良好的开端等于成功的一半
27 |
28 | 随后的开发就是按照业务场景和react的api有序进行就可以了
29 |
30 | ##### 异步加载组件
31 |
32 | 异步加载组件实际上是对组件的复制从而拿到组件的引用
33 |
34 | ``` javascript
35 |
36 | // 异步按需加载component
37 | function asyncComponent(getComponent) {
38 | return class AsyncComponent extends React.Component {
39 | static Component = null;
40 | state = { Component: AsyncComponent.Component };
41 |
42 | componentWillMount() {
43 | if (!this.state.Component) {
44 | getComponent().then(({default: Component}) => {
45 | AsyncComponent.Component = Component
46 | this.setState({ Component })
47 | })
48 | }
49 | }
50 | render() {
51 | const { Component } = this.state
52 | if (Component) {
53 | return
54 | }
55 | return null
56 | }
57 | }
58 | }
59 |
60 | ```
--------------------------------------------------------------------------------
/gitbook/md/redux.md:
--------------------------------------------------------------------------------
1 | # redux
2 |
3 | 接入redux
4 | ``` bash
5 | create-react-app react-redux-demo
6 | cd react-redux-demo
7 | ```
8 | ``` bash
9 | npm install redux react-redux --save
10 |
11 | npm install @types/react-redux --save-dev
12 | ```
13 |
14 | ### git
15 | https://github.com/adminparry/react-family-demo.git
16 | ``` bash
17 | git clone https://github.com/adminparry/react-family-demo.git
18 | cd react-redux-demo
19 | npm install
20 | npm start
21 | ```
22 |
23 | ## redux-saga
24 |
25 |
--------------------------------------------------------------------------------
/gitbook/md/rxjs.md:
--------------------------------------------------------------------------------
1 | # rxjs
--------------------------------------------------------------------------------
/mobx-react-mutipage/.gitignore:
--------------------------------------------------------------------------------
1 | # See https://help.github.com/ignore-files/ for more about ignoring files.
2 |
3 | # dependencies
4 | /node_modules
5 |
6 | # testing
7 | /coverage
8 |
9 | # production
10 | /build
11 |
12 | # misc
13 | .DS_Store
14 | .env.local
15 | .env.development.local
16 | .env.test.local
17 | .env.production.local
18 |
19 | npm-debug.log*
20 | yarn-debug.log*
21 | yarn-error.log*
22 |
--------------------------------------------------------------------------------
/mobx-react-mutipage/config/entries.js:
--------------------------------------------------------------------------------
1 | // module.exports = function getEntry () {
2 | // let globPath = 'src/**/html/*.html'
3 | // // (\/|\\\\) 这种写法是为了兼容 windows和 mac系统目录路径的不同写法
4 | // let pathDir = 'src(\/|\\\\)(.*?)(\/|\\\\)html'
5 | // let files = glob.sync(globPath)
6 | // let dirname, entries = []
7 | // for (let i = 0; i < files.length; i++) {
8 | // dirname = path.dirname(files[i])
9 | // entries.push(dirname.replace(new RegExp('^' + pathDir), '$2'))
10 | // }
11 | // return entries
12 | // }
13 | module.exports = {
14 | index:{
15 | jsonp:['ImportFuncDemo'],
16 | path:'index.js'
17 | },
18 | first:{
19 | jsonp:[],
20 | path:'entry/firstIndex.js'
21 | },
22 |
23 | }
24 |
25 |
26 |
--------------------------------------------------------------------------------
/mobx-react-mutipage/config/env.js:
--------------------------------------------------------------------------------
1 | 'use strict';
2 |
3 | const fs = require('fs');
4 | const path = require('path');
5 | const paths = require('./paths');
6 |
7 | // Make sure that including paths.js after env.js will read .env variables.
8 | delete require.cache[require.resolve('./paths')];
9 |
10 | const NODE_ENV = process.env.NODE_ENV;
11 | if (!NODE_ENV) {
12 | throw new Error(
13 | 'The NODE_ENV environment variable is required but was not specified.'
14 | );
15 | }
16 |
17 | // https://github.com/bkeepers/dotenv#what-other-env-files-can-i-use
18 | var dotenvFiles = [
19 | `${paths.dotenv}.${NODE_ENV}.local`,
20 | `${paths.dotenv}.${NODE_ENV}`,
21 | // Don't include `.env.local` for `test` environment
22 | // since normally you expect tests to produce the same
23 | // results for everyone
24 | NODE_ENV !== 'test' && `${paths.dotenv}.local`,
25 | paths.dotenv,
26 | ].filter(Boolean);
27 |
28 | // Load environment variables from .env* files. Suppress warnings using silent
29 | // if this file is missing. dotenv will never modify any environment variables
30 | // that have already been set. Variable expansion is supported in .env files.
31 | // https://github.com/motdotla/dotenv
32 | // https://github.com/motdotla/dotenv-expand
33 | dotenvFiles.forEach(dotenvFile => {
34 | if (fs.existsSync(dotenvFile)) {
35 | require('dotenv-expand')(
36 | require('dotenv').config({
37 | path: dotenvFile,
38 | })
39 | );
40 | }
41 | });
42 |
43 | // We support resolving modules according to `NODE_PATH`.
44 | // This lets you use absolute paths in imports inside large monorepos:
45 | // https://github.com/facebookincubator/create-react-app/issues/253.
46 | // It works similar to `NODE_PATH` in Node itself:
47 | // https://nodejs.org/api/modules.html#modules_loading_from_the_global_folders
48 | // Note that unlike in Node, only *relative* paths from `NODE_PATH` are honored.
49 | // Otherwise, we risk importing Node.js core modules into an app instead of Webpack shims.
50 | // https://github.com/facebookincubator/create-react-app/issues/1023#issuecomment-265344421
51 | // We also resolve them to make sure all tools using them work consistently.
52 | const appDirectory = fs.realpathSync(process.cwd());
53 | process.env.NODE_PATH = (process.env.NODE_PATH || '')
54 | .split(path.delimiter)
55 | .filter(folder => folder && !path.isAbsolute(folder))
56 | .map(folder => path.resolve(appDirectory, folder))
57 | .join(path.delimiter);
58 |
59 | // Grab NODE_ENV and REACT_APP_* environment variables and prepare them to be
60 | // injected into the application via DefinePlugin in Webpack configuration.
61 | const REACT_APP = /^REACT_APP_/i;
62 |
63 | function getClientEnvironment(publicUrl) {
64 | const raw = Object.keys(process.env)
65 | .filter(key => REACT_APP.test(key))
66 | .reduce(
67 | (env, key) => {
68 | env[key] = process.env[key];
69 | return env;
70 | },
71 | {
72 | // Useful for determining whether we’re running in production mode.
73 | // Most importantly, it switches React into the correct mode.
74 | NODE_ENV: process.env.NODE_ENV || 'development',
75 | // Useful for resolving the correct path to static assets in `public`.
76 | // For example, 
.
77 | // This should only be used as an escape hatch. Normally you would put
78 | // images into the `src` and `import` them in code to get their paths.
79 | PUBLIC_URL: publicUrl,
80 | }
81 | );
82 | // Stringify all values so we can feed into Webpack DefinePlugin
83 | const stringified = {
84 | 'process.env': Object.keys(raw).reduce((env, key) => {
85 | env[key] = JSON.stringify(raw[key]);
86 | return env;
87 | }, {}),
88 | };
89 |
90 | return { raw, stringified };
91 | }
92 |
93 | module.exports = getClientEnvironment;
94 |
--------------------------------------------------------------------------------
/mobx-react-mutipage/config/jest/cssTransform.js:
--------------------------------------------------------------------------------
1 | 'use strict';
2 |
3 | // This is a custom Jest transformer turning style imports into empty objects.
4 | // http://facebook.github.io/jest/docs/en/webpack.html
5 |
6 | module.exports = {
7 | process() {
8 | return 'module.exports = {};';
9 | },
10 | getCacheKey() {
11 | // The output is always the same.
12 | return 'cssTransform';
13 | },
14 | };
15 |
--------------------------------------------------------------------------------
/mobx-react-mutipage/config/jest/fileTransform.js:
--------------------------------------------------------------------------------
1 | 'use strict';
2 |
3 | const path = require('path');
4 |
5 | // This is a custom Jest transformer turning file imports into filenames.
6 | // http://facebook.github.io/jest/docs/en/webpack.html
7 |
8 | module.exports = {
9 | process(src, filename) {
10 | return `module.exports = ${JSON.stringify(path.basename(filename))};`;
11 | },
12 | };
13 |
--------------------------------------------------------------------------------
/mobx-react-mutipage/config/paths.js:
--------------------------------------------------------------------------------
1 | 'use strict';
2 |
3 | const path = require('path');
4 | const fs = require('fs');
5 | const url = require('url');
6 |
7 | // Make sure any symlinks in the project folder are resolved:
8 | // https://github.com/facebookincubator/create-react-app/issues/637
9 | const appDirectory = fs.realpathSync(process.cwd());
10 | const resolveApp = relativePath => path.resolve(appDirectory, relativePath);
11 |
12 | const envPublicUrl = process.env.PUBLIC_URL;
13 |
14 | function ensureSlash(path, needsSlash) {
15 | const hasSlash = path.endsWith('/');
16 | if (hasSlash && !needsSlash) {
17 | return path.substr(path, path.length - 1);
18 | } else if (!hasSlash && needsSlash) {
19 | return `${path}/`;
20 | } else {
21 | return path;
22 | }
23 | }
24 |
25 | const getPublicUrl = appPackageJson =>
26 | envPublicUrl || require(appPackageJson).homepage;
27 |
28 | // We use `PUBLIC_URL` environment variable or "homepage" field to infer
29 | // "public path" at which the app is served.
30 | // Webpack needs to know it to put the right