如何使用webpack创建前端和管理员?

时间:2018-01-23 06:13:55

标签: node.js reactjs express webpack webpack-dev-server

我在node.js上实际上是新手。我正在尝试使用webpack和express创建一个带有admin和前端的应用程序。我创建了一个示例应用程序但现在问题是如何使用管理员创建应用程序。下面我分享了我的webpack配置文件

var webpack = require('webpack');
var path = require('path');

module.exports = {
    entry: {
        frontend: './src/index',
        backend: './admin/index'
    },
    module: {
        loaders: [
            {
                test: /\.js?$/, loader: 'babel', exclude: /node_modules/
            },
            {
                test: /\.css$/,
                loaders: [
                    'style?sourceMap',
                    'css?modules&importLoaders=1&localIdentName=[path]___[name]__[local]___[hash:base64:5]'
                ]
            }
        ]
    },
    resolve: {
        extensions: ['', '.js']
    },
    output: {
        path: path.join(__dirname, '/public'),
        publicPath: '/',
        filename: 'bundle.js'
    },
    devServer: {
        contentBase: './public',
        hot: true
    },
    plugins: [
        new webpack.optimize.OccurenceOrderPlugin(),
        new webpack.HotModuleReplacementPlugin(),
        new webpack.NoErrorsPlugin()
    ]
};

Webpack生产配置文件

var config = require('./webpack.config.js');
var webpack = require('webpack');

config.plugins.push(
  new webpack.DefinePlugin({
    "process.env": {
      "NODE_ENV": JSON.stringify("production")
    }
  })
);

config.plugins.push(
  new webpack.optimize.UglifyJsPlugin({
    compress: {
      warnings: false
    }
  })
);

是否有任何简单的解决方案或我现在能做什么?

0 个答案:

没有答案