Что-то вроде hello world для фронта

2025-05-31 14:11:58 +05:30 · 2016-01-02 22:24:07 +02:00
commit eafa64d5a3
14 changed files with 610 additions and 0 deletions
--- a/webpack.config.js
+++ b/webpack.config.js
@@ -0,0 +1,131 @@
+/* eslint-env node */
+
+var path = require('path');
+var webpack = require('webpack');
+var ExtractTextPlugin = require('extract-text-webpack-plugin');
+var HtmlWebpackPlugin = require('html-webpack-plugin');
+
+const API_HOST = 'http://account.l';
+
+// TODO: https://babeljs.io/docs/plugins/
+// TODO: отдельные конфиги для env (аля https://github.com/davezuko/react-redux-starter-kit)
+
+var isProduction = process.argv.some(function(arg) {
+    return arg === '-p';
+});
+
+var isTest = process.argv.some(function(arg) {
+    return arg.indexOf('karma') !== -1;
+});
+
+var webpackConfig = {
+    entry: {
+        app: path.join(__dirname, 'src'),
+        vendor: [
+            'history',
+            'react',
+            'react-redux',
+            'react-router',
+            'redux-simple-router',
+            'redux',
+
+            // I18n
+            'intl-format-cache',
+            'intl-messageformat'
+        ]
+    },
+
+    output: {
+        path: path.join(__dirname, 'dist'),
+        filename: '[name].js'
+    },
+
+    resolve: {
+        root: path.resolve('./src'),
+        extensions: ['', '.js', '.jsx']
+    },
+
+    devServer: {
+        host: 'localhost',
+        port: 8080,
+        proxy: {
+            '/api*': {
+                target: API_HOST
+            }
+        },
+        hot: true,
+        inline: true,
+        historyApiFallback: true
+    },
+
+    devtool: isTest ? 'inline-source-map' : 'eval',
+
+    plugins: [
+        new webpack.DefinePlugin({
+            __DEV__: !isProduction,
+            __TEST__: isTest,
+            __PROD__: isProduction
+        }),
+        new HtmlWebpackPlugin({
+            template: 'src/index.html',
+            hash: isProduction,
+            filename: 'index.html',
+            inject: 'body',
+            minify: {
+                collapseWhitespace: isProduction
+            }
+        })
+    ].concat(isTest ? [] : [
+        new webpack.optimize.CommonsChunkPlugin('vendor', 'vendor.js')
+    ]).concat(isProduction ? [
+        new webpack.optimize.DedupePlugin(),
+        new webpack.optimize.UglifyJsPlugin()
+    ] : []),
+
+    module: {
+        loaders: [
+            {
+                test: /\.scss$/,
+                extractInProduction: true,
+                loader: 'style!css!autoprefixer?browsers=last 3 versions!sass'
+            },
+            {
+                test: /\.jsx?$/,
+                exclude: /node_modules/,
+                loader: 'babel',
+                query: {
+                    presets: ['react', 'es2015', 'stage-0'],
+                    plugins: ['transform-runtime', ['react-intl', {messagesDir: './dist/messages/'}]]
+                }
+            },
+            { // DEPRECATED
+                test: /i18n\/.*\.less$/,
+                loader: 'style!css!autoprefixer?browsers=last 3 versions!less'
+            },
+            { // DEPRECATED
+                test: /\.less$/,
+                extractInProduction: true,
+                exclude: /i18n\/.*\.less$/,
+                loader: 'style!css!autoprefixer?browsers=last 3 versions!less'
+            }
+        ]
+    }
+};
+
+
+if (isProduction) {
+    webpackConfig.module.loaders.forEach(function(loader) {
+        if (loader.extractInProduction) {
+            var parts = loader.loader.split('!');
+            loader.loader = ExtractTextPlugin.extract(parts[0], parts.slice(1).join('!'));
+        }
+    });
+
+    webpackConfig.plugins.push(new ExtractTextPlugin('dist/styles.css', {
+        allChunks: true
+    }));
+
+    webpackConfig.devtool = false;
+}
+
+module.exports = webpackConfig;