spencer-kit-project-templates/templates/react_multipage/project.js

spencer kit project templates

module.exports = function (env) {
    /**
     * react paths
     */
    var reactjsPaths = [
        'node_modules/react/umd/react.development.js',
        'node_modules/react-dom/umd/react-dom.development.js'
    ];
    var reactminjsPaths = [
        'node_modules/react/umd/react.production.min.js',
        'node_modules/react-dom/umd/react-dom.production.min.js'
    ];

    function jsPath(path) {
        return 'js/' + path;
    }
    /**
     * shimjs paths
     */
    var shimjsPaths = [
        'node_modules/es5-shim/es5-shim.js',
        'node_modules/es5-shim/es5-sham.js',
        'node_modules/es6-shim/es6-shim.js',
        'node_modules/es6-shim/es6-sham.js',
        'node_modules/es7-shim/dist/es7-shim.js',
    ];
    return {
        /*
        * whether should use compass to complie scss
        * default is true,you can change the value false if you don't want to use compass.
        */
        compass:true,
        /*
        * if compass is true,it will use this dir as its compile dir
        */
        scssDIR:'scss',
        /**
         * asset dir ,all file in asset dir will be move to dist dir
         * you can put fonts、images and other static file to the asset dir
         */
        assetDIR:'asset',
        /**
         * all the js will use gulp-concat to join.
         */
        commonJS: {
            /**
             * react js,usually,we don't use webpack to pack the reactjs;
             */
            react: env == 'dev' ? reactjsPaths : reactminjsPaths,
            /**
             * shim js,you can commet it if you don't need shim js.
             */
            shim:shimjsPaths
        },
        /**
         * project build config 
         * you can add other property or other release env
         */
        buildConfig:{
            /**
             * default build config 
             */
            defaultConfigs:{
                project:'helloworld'
            },
            /**
             * different release type will use different config
             */
            dev:{
                ENV:'dev'
            },
            ft:{
                ENV:'ft'
            },
            uat:{
                ENV:'uat'
            },
            prod:{
                ENV:'prod'
            }
        },
         /**
         * use webpack to package js
         */
        webpackEntry:{
            index:'./js/views/pages/Index',
        },
        /**
         * html pages
         */
        pages: [
            {
                title: 'helloworld',
                template: 'templates/template.html',
                output: 'index.html',
                js: ['shim.js','react.js','index.js'],
                css: ['index.css'],
                prerender:true
            },
        ]
    }
}