30 |
31 | export default rootReducer
32 |
--------------------------------------------------------------------------------
/examples/complete/typescript/src/store.ts:
--------------------------------------------------------------------------------
1 | import { compose, createStore } from 'redux'
2 | import rootReducer from './reducer'
3 |
4 | export default function configureStore(): any {
5 | const createStoreWithMiddleware = compose(
6 | typeof window === 'object' &&
7 | typeof (window as any).devToolsExtension !== 'undefined'
8 | ? (): any => (window as any).__REDUX_DEVTOOLS_EXTENSION__ // eslint-disable-line no-underscore-dangle
9 | : (f: any): any => f
10 | )(createStore)
11 |
12 | const store = createStoreWithMiddleware(rootReducer)
13 |
14 | if ((module as any).hot) {
15 | // Enable Webpack hot module replacement for reducers
16 | ;(module as any).hot.accept('./reducer', () => {
17 | const nextRootReducer = require('./reducer') // eslint-disable-line global-require, @typescript-eslint/no-var-requires
18 | store.replaceReducer(nextRootReducer)
19 | })
20 | }
21 |
22 | return store
23 | }
24 |
--------------------------------------------------------------------------------
/examples/complete/typescript/tsconfig.json:
--------------------------------------------------------------------------------
1 | {
2 | "compilerOptions": {
3 | "target": "es5",
4 | "lib": [
5 | "dom",
6 | "dom.iterable",
7 | "esnext"
8 | ],
9 | "allowJs": true,
10 | "skipLibCheck": true,
11 | "esModuleInterop": true,
12 | "allowSyntheticDefaultImports": true,
13 | "strict": true,
14 | "forceConsistentCasingInFileNames": true,
15 | "module": "esnext",
16 | "moduleResolution": "node",
17 | "resolveJsonModule": true,
18 | "isolatedModules": true,
19 | "noEmit": true,
20 | "jsx": "preserve"
21 | },
22 | "include": [
23 | "src"
24 | ]
25 | }
26 |
--------------------------------------------------------------------------------
/examples/complete/typescript/tslint.json:
--------------------------------------------------------------------------------
1 | {
2 | "defaultSeverity": "error",
3 | "extends": [
4 | "tslint:recommended"
5 | ],
6 | "jsRules": {},
7 | "rules": {
8 | "interface-name": false
9 | },
10 | "rulesDirectory": []
11 | }
--------------------------------------------------------------------------------
/examples/snippets/decorators/App.js:
--------------------------------------------------------------------------------
1 | import React, { Component } from 'react'
2 | import PropTypes from 'prop-types'
3 | import { connect } from 'react-redux'
4 | import { firebaseConnect, isLoaded, isEmpty } from 'react-redux-firebase'
5 | import TodoItem from './TodoItem'
6 |
7 | @firebaseConnect([
8 | 'todos'
9 | ])
10 | @connect(
11 | ({ firebase: { ordered } }) => ({
12 | todos: ordered.todos
13 | })
14 | )
15 | export default class App extends Component {
16 | static propTypes = {
17 | todos: PropTypes.array
18 | }
19 |
20 | render () {
21 | const { firebase, todos } = this.props
22 |
23 | const todosList = (!isLoaded(todos))
24 | ? 'Loading'
25 | : (isEmpty(todos))
26 | ? 'Todo list is empty'
27 | : todos.map((todo, id) => (
28 |
32 |
33 |
react-redux-firebase decorators demo
34 |
35 |
36 |
Todos List
37 | {todosList}
38 |
39 |
23 |
31 | Delete
32 |
33 |
34 | )
35 | }
36 | }
37 |
--------------------------------------------------------------------------------
/examples/snippets/multipleQueries/App.js:
--------------------------------------------------------------------------------
1 | import React from 'react'
2 | import PropTypes from 'prop-types'
3 | import { map } from 'lodash'
4 | import { connect } from 'react-redux'
5 | import { compose } from 'redux'
6 | import { firebaseConnect, isLoaded, isEmpty } from 'react-redux-firebase'
7 | import TodoItem from './TodoItem'
8 |
9 | function renderList(list) {
10 | return !isLoaded(list)
11 | ? 'Loading'
12 | : isEmpty(list)
13 | ? 'Todo list is empty'
14 | : map(list, (todo, id) =>
20 |
21 |
react-redux-firebase multiple queries demo
22 |
23 |
24 |
Incomplete Todos
25 | {renderList(incompleteTodos)}
26 | Complete Todos
27 | {renderList(completeTodos)}
28 |
29 |
11 |
19 | Delete
20 |
21 |
22 | )
23 | }
24 |
25 | TodoItem.propTypes = {
26 | todo: PropTypes.object,
27 | id: PropTypes.string
28 | }
29 |
30 | export default firebaseConnect()(TodoItem)
31 |
--------------------------------------------------------------------------------
/examples/snippets/populates/App.js:
--------------------------------------------------------------------------------
1 | import React from 'react'
2 | import PropTypes from 'prop-types'
3 | import { map } from 'lodash'
4 | import { compose } from 'redux'
5 | import { connect } from 'react-redux'
6 | import {
7 | firebaseConnect,
8 | populate,
9 | isLoaded,
10 | isEmpty
11 | } from 'react-redux-firebase'
12 |
13 | // NOTE: In real application don't forget to use Provider from react-redux
14 | // or firebaseConnect/withFirebase will not work
15 | function Projects({ projects }) {
16 | return (
17 |
18 |
react-redux-firebase populate snippet
19 |
20 |
Projects List
21 | {!isLoaded(projects)
22 | ? 'Loading'
23 | : isEmpty(projects)
24 | ? 'Todo list is empty'
25 | : map(projects, (project, id) => (
26 |
27 | Name: {project.name}
28 | Owner: {project.owner.displayName}
29 |
30 | ))}
31 |
32 |
Loading...
12 | }
13 |
14 | // User is not logged in, show login view
15 | if (isEmpty(auth)) {
16 | return
11 | {!isLoaded(todos)
12 | ? 'Loading'
13 | : isEmpty(todos)
14 | ? 'Todo list is empty'
15 | : todos.map(({ key }) =>
17 | )
18 | }
19 |
20 | Todos.propTypes = {
21 | /* eslint-disable react/no-unused-prop-types */
22 | auth: PropTypes.shape({
23 | uid: PropTypes.string.isRequired
24 | }),
25 | /* eslint-enable react/no-unused-prop-types */
26 | todos: PropTypes.object
27 | }
28 |
29 | const enhance = compose(
30 | firebaseConnect(props => [
31 | // uid comes from props
32 | {
33 | path: 'todos',
34 | queryParams: ['orderByChild=uid', `equalTo=${props.uid}`]
35 | }
36 | ]),
37 | connect(state => ({
38 | todos: state.firebase.ordered.todos
39 | }))
40 | )
41 |
42 | export default enhance(Todos)
43 |
--------------------------------------------------------------------------------
/examples/snippets/watchEvent/Basic.js:
--------------------------------------------------------------------------------
1 | import React, { PureComponent } from 'react'
2 | import PropTypes from 'prop-types'
3 | import { compose } from 'redux'
4 | import { connect } from 'react-redux'
5 | import { isLoaded, isEmpty, withFirebase } from 'react-redux-firebase'
6 |
7 | class SomeThing extends PureComponent {
8 | static propTypes = {
9 | todos: PropTypes.object
10 | }
11 |
12 | componentWillMount () {
13 | this.props.firebase.watchEvent('value', 'todos')
14 | }
15 |
16 | componentWillUnMount () {
17 | this.props.firebase.unWatchEvent('value', 'todos')
18 | }
19 |
20 | render () {
21 | const { todos } = this.props
22 |
23 | if (!isLoaded(todos)) {
24 | return Loading...
25 | }
26 |
27 | if (isEmpty(todos)) {
28 | return No Todos Found
29 | }
30 |
31 | return {JSON.stringify(todos, null, 2)}
32 | }
33 | }
34 |
35 | export default compose(
36 | withFirebase, // add props.firebase
37 | connect(({ firebase: { data: { todos } } }) => ({
38 | todos // map todos from redux state to props
39 | })),
40 | )(SomeThing)
41 |
--------------------------------------------------------------------------------
/examples/snippets/watchEvent/README.md:
--------------------------------------------------------------------------------
1 | # watchEvent snippet
2 |
3 | This example shows creating a listener directly using `watchEvent`, which is handled automatically by `firebaseConnect`
4 |
5 | ## Whats Included
6 |
7 | - Basic snippet - Uses `watchEvent` directly
8 | - Recompose snippet - Uses `recompose` to simplify common patterns
9 |
10 | ## What It Does
11 |
12 | 1. Top level component uses `connect` function to bring `todos` from redux state into a prop name "todos":
13 |
14 | ```js
15 | export default compose(
16 | withFirebase, // add props.firebase
17 | connect(({ firebase: { data: { todos } } }) => ({
18 | todos // map todos from redux state to props
19 | }))
20 | )(SomeThing)
21 | ```
22 |
23 | 1. When the component mounts `watchEvent` is called to attach a listener for `todos` path of real time database
24 | 1. That component then uses `isLoaded` and `isEmpty` to show different views based on auth state (whether data is loaded or not):
25 |
26 | ```js
27 | render () {
28 | const { todos } = this.props
29 |
30 | if (!isLoaded(todos)) {
31 | return Loading...
32 | }
33 |
34 | if (isEmpty(todos)) {
35 | return No Todos Found
36 | }
37 |
38 | return {JSON.stringify(todos, null, 2)}
39 | }
40 | ```
41 |
42 | **NOTE**: This is simplified functionality of what is available through [`firebaseConnect`](https://react-redux-firebase.com/docs/api/firebaseConnect.html) and [`useFirebaseConnect`](https://react-redux-firebase.com/docs/api/useFirebaseConnect.html).
43 |
--------------------------------------------------------------------------------
/examples/snippets/watchEvent/Recompose.js:
--------------------------------------------------------------------------------
1 | import React from 'react'
2 | import PropTypes from 'prop-types'
3 | import { connect } from 'react-redux'
4 | import { isLoaded, isEmpty, withFirebase } from 'react-redux-firebase'
5 | import { compose, lifecycle, pure } from 'recompose'
6 |
7 | const SomeThing = ({ todos }) => {
8 | if (!isLoaded(todos)) {
9 | return Loading...
10 | }
11 |
12 | if (isEmpty(todos)) {
13 | return No Todos Found
14 | }
15 |
16 | return {JSON.stringify(todos, null, 2)}
17 | }
18 |
19 | SomeThing.propTypes = {
20 | todos: PropTypes.object
21 | }
22 |
23 | // Create enhancer by composing HOCs
24 | const enhance = compose(
25 | withFirebase, // add props.firebase
26 | lifecycle({
27 | componentWillMount () {
28 | this.props.firebase.watchEvent('value', 'todos')
29 | },
30 | componentWillUnmount () {
31 | this.props.firebase.unWatchEvent('value', 'todos')
32 | }
33 | }),
34 | connect(({ firebase: { data: { todos } } }) => ({
35 | todos // map todos from redux state to props
36 | })),
37 | pure // shallowEqual comparison of props for rendering optimization
38 | )
39 |
40 | export default enhance(SomeThing)
41 |
--------------------------------------------------------------------------------
/examples/snippets/webpack2/.babelrc:
--------------------------------------------------------------------------------
1 | {
2 | "presets": [
3 | ["es2015", {
4 | "es2015": {
5 | "loose": true,
6 | "modules": false
7 | }
8 | }], "react"
9 | ]
10 | }
11 |
--------------------------------------------------------------------------------
/examples/snippets/webpack2/README.md:
--------------------------------------------------------------------------------
1 | # Webpack 2 Example
2 |
3 | Snippet that shows usage `react-redux-firebase` in an application bundled with webpack 2/3
4 |
5 | ## Note
6 |
7 | This example is not a full application. For a full application please view the examples in the [Complete Folder](https://github.com/prescottprue/react-redux-firebase/tree/master/examples/complete) including the [material example](https://github.com/prescottprue/react-redux-firebase/tree/master/examples/complete/material).
8 |
--------------------------------------------------------------------------------
/examples/snippets/webpack2/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 |
8 |
9 |
--------------------------------------------------------------------------------
/examples/snippets/webpack2/package.json:
--------------------------------------------------------------------------------
1 | {
2 | "name": "react-redux-firebase-webpack2-example",
3 | "version": "0.0.0",
4 | "dependencies": {
5 | "react": "15.4.1",
6 | "react-dom": "15.4.1",
7 | "react-redux": "^5.0.5",
8 | "react-redux-firebase": "^1.2.5"
9 | },
10 | "devDependencies": {
11 | "babel-core": "6.18.2",
12 | "babel-loader": "6.2.8",
13 | "babel-preset-es2015": "6.18.0",
14 | "babel-preset-react": "6.16.0",
15 | "http-server": "0.9.0",
16 | "webpack": "^2.2.1"
17 | },
18 | "scripts": {
19 | "build": "webpack --config webpack.config.js",
20 | "start": "http-server -a 0.0.0.0 -p 9000"
21 | }
22 | }
23 |
--------------------------------------------------------------------------------
/examples/snippets/webpack2/src/app.js:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 | import ReactDOM from 'react-dom';
3 | import { Provider } from 'react-redux'
4 | import createStore from './store'
5 |
6 | const store = createStore()
7 |
8 | const Page = () => (
9 | Hello World
10 | )
11 |
12 | const ConnectedPage = firebaseConnect()(Page)
13 |
14 | const App = () => (
15 |
16 |
18 | );
19 |
20 | ReactDOM.render(Basic
15 | * import { useFirebase } from 'react-redux-firebase'
16 | *
17 | * export default function AddData() {
18 | * const firebase = useFirebase()
19 | *
20 | * function addTodo() {
21 | * const exampleTodo = { done: false, text: 'Sample' }
22 | * return firebase.push('todos', exampleTodo)
23 | * }
24 | *
25 | * return (
26 | *
27 | *
28 | * Add Sample Todo
29 | *
30 | *
31 | * )
32 | * }
33 | */
34 | export default function useFirebase() {
35 | return useContext(ReactReduxFirebaseContext)
36 | }
37 |
--------------------------------------------------------------------------------
/src/useFirestore.js:
--------------------------------------------------------------------------------
1 | import { useContext } from 'react'
2 | import ReduxFirestoreContext from './ReduxFirestoreContext'
3 |
4 | /**
5 | * @name useFirestore
6 | * @description React hook that return firestore object.
7 | * @returns {object} - Extended Firestore instance
8 | * @see https://react-redux-firebase.com/docs/api/useFirestore.html
9 | * @example Basic
10 | * import React from 'react'
11 | * import { useFirestore } from 'react-redux-firebase'
12 | *
13 | * export default function AddData() {
14 | * const firestore = useFirestore()
15 | *
16 | * function addTodo() {
17 | * const exampleTodo = { done: false, text: 'Sample' }
18 | * return firestore.collection('todos').add(exampleTodo)
19 | * }
20 | *
21 | * return (
22 | *
23 | *
24 | * Add Sample Todo
25 | *
26 | *
27 | * )
28 | * }
29 | */
30 | export default function useFirestore() {
31 | return useContext(ReduxFirestoreContext)
32 | }
33 |
--------------------------------------------------------------------------------
/test/.eslintrc.js:
--------------------------------------------------------------------------------
1 | module.exports = {
2 | extends: '../.eslintrc.js',
3 |
4 | globals: {
5 | sinon: true,
6 | expect: true,
7 | after: true,
8 | afterEach: true,
9 | before: true,
10 | beforeEach: true,
11 | it: true,
12 | describe: true,
13 | Firebase: true,
14 | firebase: true,
15 | fbConfig: true,
16 | uid: true,
17 | existingProfile: true
18 | },
19 |
20 | rules: {
21 | 'no-unused-expressions': [0]
22 | }
23 | }
24 |
--------------------------------------------------------------------------------
/test/mocha.opts:
--------------------------------------------------------------------------------
1 | --require @babel/register
2 | --require ./test/setup
3 | --recursive
4 | --colors
5 | --report lcov
6 |
--------------------------------------------------------------------------------
/test/unit/library.spec.js:
--------------------------------------------------------------------------------
1 | import src from '../../src'
2 |
3 | describe('module', () => {
4 | describe('exports', () => {
5 | it('ReactReduxFirebaseContext', () => {
6 | expect(src).to.have.property('ReactReduxFirebaseContext')
7 | })
8 | it('ReactReduxFirebaseProvider', () => {
9 | expect(src).to.respondTo('ReactReduxFirebaseProvider')
10 | })
11 | it('ReduxFirestoreContext', () => {
12 | expect(src).to.have.property('ReduxFirestoreContext')
13 | })
14 | it('ReduxFirestoreProvider', () => {
15 | expect(src).to.respondTo('ReduxFirestoreProvider')
16 | })
17 | it('withFirestore', () => {
18 | expect(src).to.respondTo('withFirestore')
19 | })
20 | it('withFirebase', () => {
21 | expect(src).to.respondTo('withFirebase')
22 | })
23 | it('firebaseReducer', () => {
24 | expect(src).to.respondTo('firebaseReducer')
25 | })
26 | })
27 | })
28 |
--------------------------------------------------------------------------------
/test/unit/useFirebase.spec.js:
--------------------------------------------------------------------------------
1 | import React from 'react'
2 | import TestUtils from 'react-dom/test-utils'
3 | import { firebaseWithConfig } from '../utils'
4 | import ReactReduxFirebaseProvider from '../../src/ReactReduxFirebaseProvider'
5 | import useFirebase from '../../src/useFirebase'
6 |
7 | describe('useFirebase', () => {
8 | it('return firebase object', () => {
9 | const spy = sinon.spy()
10 | const dispatchSpy = sinon.spy()
11 | const InnerComponent = ({ spy }) => {
12 | const firebase = useFirebase()
13 | spy(firebase)
14 | return null
15 | }
16 | TestUtils.renderIntoDocument(
17 |
21 |
23 | )
24 | expect(spy).to.has.been.called
25 | expect(spy.lastCall.args[0]).to.respondTo('push')
26 | })
27 | })
28 |
--------------------------------------------------------------------------------
/test/unit/useFirestore.spec.js:
--------------------------------------------------------------------------------
1 | import React from 'react'
2 | import TestUtils from 'react-dom/test-utils'
3 | import { firebaseWithConfig } from '../utils'
4 | import ReactReduxFirebaseProvider from '../../src/ReactReduxFirebaseProvider'
5 | import useFirestore from '../../src/useFirestore'
6 | import { createFirestoreInstance } from 'redux-firestore'
7 |
8 | describe('useFirestore', () => {
9 | it('return firestore object', () => {
10 | const spy = sinon.spy()
11 | const dispatchSpy = sinon.spy()
12 | const InnerComponent = ({ spy }) => {
13 | const firestore = useFirestore()
14 | spy(firestore)
15 | return null
16 | }
17 | TestUtils.renderIntoDocument(
18 |
23 |
25 | )
26 | expect(spy).to.has.been.called
27 | expect(spy.lastCall.args[0]).to.respondTo('add')
28 | })
29 | })
30 |
--------------------------------------------------------------------------------
/test/unit/utils/actions.spec.js:
--------------------------------------------------------------------------------
1 | import { wrapInDispatch } from 'utils/actions'
2 | const method = () => Promise.resolve()
3 | const failMethod = () => Promise.reject(new Error('Some Error'))
4 | const dispatch = () => {}
5 |
6 | describe('Utils: Auth', () => {
7 | describe('wrapInDispatch', () => {
8 | // Skipped due to capatalize and auth provider function
9 | it('creates valid Auth Provider', () => {
10 | // TODO: Check that dispatch is called with actions
11 | expect(
12 | wrapInDispatch(dispatch, { method, args: ['arg1'], types: ['ACTION'] })
13 | ).to.be.fulfilled
14 | })
15 | it('handles string list of scopes', () => {
16 | expect(
17 | wrapInDispatch(dispatch, {
18 | method: failMethod,
19 | args: ['arg1'],
20 | types: ['ACTION']
21 | })
22 | ).to.be.rejectedWith('Failed')
23 | })
24 | })
25 | })
26 |
--------------------------------------------------------------------------------
/test/unit/utils/index.spec.js:
--------------------------------------------------------------------------------
1 | import { createCallable } from 'utils'
2 |
3 | describe('Utils: Index', () => {
4 | describe('createCallable', () => {
5 | it.skip('calls a passed function', () => {
6 | const spy = sinon.spy()
7 | createCallable(spy)
8 | expect(spy).to.have.been.called.once
9 | })
10 | })
11 | })
12 |
--------------------------------------------------------------------------------
/test/unit/utils/storage.spec.js:
--------------------------------------------------------------------------------
1 | import { deleteFile } from 'utils/storage'
2 | import { fakeFirebase } from '../../utils'
3 |
4 | describe('Utils: Storage', () => {
5 | describe('deleteFile', () => {
6 | it('returns dbPath', () =>
7 | expect(
8 | deleteFile(fakeFirebase, { path: 'some', dbPath: 'some' })
9 | ).to.eventually.have.keys(['path', 'dbPath']))
10 | it('returns dbPath', () =>
11 | expect(
12 | deleteFile(fakeFirebase, { path: 'some' })
13 | ).to.eventually.have.keys('path'))
14 | })
15 | })
16 |
--------------------------------------------------------------------------------
/test/unit/withFirebase.spec.js:
--------------------------------------------------------------------------------
1 | import React from 'react'
2 | import { createContainer, TestLeaf } from '../utils'
3 | import withFirebase from '../../src/withFirebase'
4 |
5 | let wrapper
6 | let leaf
7 |
8 | describe('withFirebase', () => {
9 | beforeEach(() => {
10 | const container = createContainer({ hoc: withFirebase })
11 | wrapper = container.wrapper
12 | leaf = container.leaf
13 | })
14 |
15 | it('adds firebase as prop', () => {
16 | expect(leaf.prop('firebase')).to.exist
17 | expect(leaf.prop('firebase')).to.respondTo('push')
18 | })
19 |
20 | it('adds dispatch as prop', () => {
21 | expect(leaf.prop('dispatch')).to.exist
22 | expect(leaf.prop('dispatch')).to.be.a.function
23 | })
24 |
25 | describe('sets displayName static as', () => {
26 | /* eslint-disable no-template-curly-in-string */
27 | describe('withFirebase(${WrappedComponentName}) for', () => {
28 | /* eslint-enable no-template-curly-in-string */
29 | it('standard components', () => {
30 | const component = withFirebase(TestLeaf)
31 | expect(component.displayName).to.equal(`withFirebase(TestLeaf)`)
32 | })
33 |
34 | it('string components', () => {
35 | const str = 'Test'
36 | const stringComp = withFirebase(str)
37 | expect(stringComp.displayName).to.equal(`withFirebase(${str})`)
38 | })
39 | })
40 |
41 | it('"Component" for all other types', () => {
42 | wrapper = withFirebase(() =>
)
43 | expect(wrapper.displayName).to.equal('withFirebase(Component)')
44 | })
45 | })
46 |
47 | it('sets WrappedComponent static as component which was wrapped', () => {
48 | expect(leaf).to.match(TestLeaf)
49 | })
50 | })
51 |
--------------------------------------------------------------------------------
/webpack.config.js:
--------------------------------------------------------------------------------
1 | 'use strict'
2 |
3 | const webpack = require('webpack')
4 | const pkg = require('./package.json')
5 | const env = process.env.NODE_ENV
6 | const LodashModuleReplacementPlugin = require('lodash-webpack-plugin')
7 | const BundleAnalyzerPlugin = require('webpack-bundle-analyzer')
8 | .BundleAnalyzerPlugin
9 | const UglifyJsPlugin = require('uglifyjs-webpack-plugin')
10 |
11 | const config = {
12 | module: {
13 | rules: [
14 | { test: /\.js$/, loaders: ['babel-loader'], exclude: /node_modules/ }
15 | ]
16 | },
17 | output: {
18 | library: 'ReactReduxFirebase',
19 | libraryTarget: 'umd'
20 | },
21 | externals: {
22 | react: {
23 | commonjs: 'react',
24 | commonjs2: 'react',
25 | amd: 'react',
26 | root: 'React'
27 | },
28 | firebase: {
29 | commonjs: 'firebase',
30 | commonjs2: 'firebase',
31 | amd: 'firebase',
32 | root: 'Firebase'
33 | },
34 | 'prop-types': {
35 | commonjs: 'prop-types',
36 | commonjs2: 'prop-types',
37 | amd: 'prop-types',
38 | root: 'PropTypes'
39 | }
40 | },
41 | plugins: [new LodashModuleReplacementPlugin()]
42 | }
43 |
44 | if (process.env.SIZE) {
45 | config.plugins.push(new BundleAnalyzerPlugin())
46 | }
47 |
48 | if (env === 'production') {
49 | config.plugins.push(new UglifyJsPlugin())
50 | }
51 |
52 | config.plugins.push(
53 | new webpack.BannerPlugin({
54 | banner: `${pkg.name}${env === 'production' ? '.min' : ''}.js v${
55 | pkg.version
56 | }`,
57 | raw: false,
58 | entryOnly: true
59 | })
60 | )
61 |
62 | module.exports = config
63 |
--------------------------------------------------------------------------------
13 |