Skip to content
GitLab
Switch branch/tag
Find file BlameHistoryPermalink
  • Rory Hunter's avatar
    Whitelist files that can be embedded through url-loader (#1305) · 2ac1b38e
    Rory Hunter authored 
    * Whitelist files that can be embedded through url-loader

Change the current catch-all loader to use file-loader instead of
url-loader, and exclude common image file extensons. Add another url-loader
for images, configured identically to the original catch-all loader.

Part of issue #1293.

* Update tests to reflect change in loader config

* Integration test fix

* More CI fixes

* Work around broken loader-utils behaviour in integration tests

* Revise the documentation around file loading

* Documentation tweaks

* Docs tweak

* Update test now that webpack/loader-utils has been updated

* Update react-scripts to depend on babel-loader@7.0.0-alpha.2

* Bump deps
    2ac1b38e
index.js 4.20 KiB
1 
/**
2 
 * Copyright (c) 2015-present, Facebook, Inc.
3 
 * All rights reserved.
4 
 *
5 
 * This source code is licensed under the BSD-style license found in the
6 
 * LICENSE file in the root directory of this source tree. An additional grant
7 
 * of patent rights can be found in the PATENTS file in the same directory.
8 
 */
9 
'use strict';
10
11 
var path = require('path');
12
13 
const plugins = [
14 
  // class { handleClick = () => { } }
15 
  require.resolve('babel-plugin-transform-class-properties'),
16 
  // The following two plugins use Object.assign directly, instead of Babel's
17 
  // extends helper. Note that this assumes `Object.assign` is available.
18 
  // { ...todo, completed: true }
19 
  [require.resolve('babel-plugin-transform-object-rest-spread'), {
20 
    useBuiltIns: true
21 
  }],
22 
  // Transforms JSX
23 
  [require.resolve('babel-plugin-transform-react-jsx'), {
24 
    useBuiltIns: true
25 
  }],
26 
  // Polyfills the runtime needed for async/await and generators
27 
  [require.resolve('babel-plugin-transform-runtime'), {
28 
    helpers: false,
29 
    polyfill: false,
30 
    regenerator: true,
31 
    // Resolve the Babel runtime relative to the config.
32 
    moduleName: path.dirname(require.resolve('babel-runtime/package'))
33 
  }]
34 
];
35
36 
// This is similar to how `env` works in Babel:
37 
// https://babeljs.io/docs/usage/babelrc/#env-option
38 
// We are not using `env` because it’s ignored in versions > babel-core@6.10.4:
39 
// https://github.com/babel/babel/issues/4539
40 
// https://github.com/facebookincubator/create-react-app/issues/720
41 
// It’s also nice that we can enforce `NODE_ENV` being specified.
42 
var env = process.env.BABEL_ENV || process.env.NODE_ENV;
43 
if (env !== 'development' && env !== 'test' && env !== 'production') {
44 
  throw new Error(
45 
    'Using `babel-preset-react-app` requires that you specify `NODE_ENV` or '+
46 
    '`BABEL_ENV` environment variables. Valid values are "development", ' +
47 
    '"test", and "production". Instead, received: ' + JSON.stringify(env) + '.'
48 
  );
49 
}
50
51 
if (env === 'development' || env === 'test') {
52 
  // The following two plugins are currently necessary to make React warnings
53 
  // include more valuable information. They are included here because they are
54 
  // currently not enabled in babel-preset-react. See the below threads for more info:
55 
  // https://github.com/babel/babel/issues/4702
56 
  // https://github.com/babel/babel/pull/3540#issuecomment-228673661
57 
  // https://github.com/facebookincubator/create-react-app/issues/989
58 
  plugins.push.apply(plugins, [
59 
    // Adds component stack to warning messages
60 
    require.resolve('babel-plugin-transform-react-jsx-source'),
61 
    // Adds __self attribute to JSX which React will use for some warnings
62 
    require.resolve('babel-plugin-transform-react-jsx-self')
63 
  ]);
64 
}
65
66 
if (env === 'test') {
67 
  module.exports = {
68 
    presets: [
69 
      // ES features necessary for user's Node version
70 
      [require('babel-preset-env').default, {
7172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118
targets: { node: 'current', }, }], // JSX, Flow require.resolve('babel-preset-react') ], plugins: plugins.concat([ // Compiles import() to a deferred require() require.resolve('babel-plugin-dynamic-import-node') ]) }; } else { module.exports = { presets: [ // Latest stable ECMAScript features [require.resolve('babel-preset-latest'), { 'es2015': { modules: false } }], // JSX, Flow require.resolve('babel-preset-react') ], plugins: plugins.concat([ // function* () { yield 42; yield 43; } [require.resolve('babel-plugin-transform-regenerator'), { // Async functions are converted to generators by babel-preset-latest async: false }], // Adds syntax support for import() require.resolve('babel-plugin-syntax-dynamic-import'), ]) }; if (env === 'production') { // Optimization: hoist JSX that never changes out of render() // Disabled because of issues: // * https://github.com/facebookincubator/create-react-app/issues/525 // * https://phabricator.babeljs.io/search/query/pCNlnC2xzwzx/ // * https://github.com/babel/babel/issues/4516 // TODO: Enable again when these issues are resolved. // plugins.push.apply(plugins, [ // require.resolve('babel-plugin-transform-react-constant-elements') // ]); } }