ASP.NET MVC 使用webpack

'use strict'
const path = require('path')
const os = require('os');
const webpack = require('webpack')
const merge = require('webpack-merge')
const HtmlWebpackPlugin = require('html-webpack-plugin')
const ExtractTextPlugin = require('extract-text-webpack-plugin')
const CleanWebpackPlugin = require("clean-webpack-plugin")
const UglifyJsPlugin = require('uglifyjs-webpack-plugin')
const HappyPack = require('happypack');
const env = process.env.NODE_ENV == "development"
var happyThreadPool = HappyPack.ThreadPool({
  size: os.cpus().length
});

function resolve(dir) {
  return path.join(__dirname, '.', dir)
}

const base = {
  context: __dirname,
  devtool: '#source-map',
  resolve: {
    extensions: [
      '.js'
    ]
  },
  entry: ['babel-polyfill', './src/main.js'],
  module: {
    rules: [
      {
        test: /\.js$/,
        loader: 'happypack/loader?id=happybabel',
        include: [resolve('src'),
        resolve('./node_modules/element-ui/lib/'),
        resolve('./node_modules/iviewDir/')],
        exclude: /node_modules/
      }, {
        test: /\.css$/,
        use: ExtractTextPlugin.extract({
          use: ['css-loader?minimize', 'postcss-loader'],
          fallback: 'style-loader'
        })
      }, {
        test: /\.scss$/,
        use: ExtractTextPlugin.extract({
          use: ['css-loader?minimize', 'postcss-loader', 'sass-loader'],
          fallback: 'style-loader'
        })
      },
      {
        test: /\.(mp4|webm|ogg|mp3|wav|flac|aac|woff2?|eot|ttf|otf|png|jpe?g|gif|svg)(\?.*)?$/,
        loader: 'url-loader',
        options: {
          limit: 1024,
          name: `assets/[name]${env ? '.[hash:7]' : ''}.[ext]`
        }
      }
    ]
  },
  output: {
    publicPath: '/dist/',
    path: path.resolve(__dirname, './dist/')
  },
  devtool: '#source-map',
  plugins: [
    new CleanWebpackPlugin(["./dist"], { "verbose": true }),
    new HtmlWebpackPlugin({
      filename: resolve('./Views/Shared/_Layout.cshtml'),
      template: resolve('./Views/Shared/_Layout_Template.cshtml'),
      inject: true,
      xhtml: true,
      chunksSortMode: 'dependency'
    }),
    new HappyPack({
      id: 'happybabel',
      loaders: ['babel-loader'],
      threadPool: happyThreadPool,
      verbose: true
    })
  ]
};

const dev = {
  output: {
    filename: '[name].js',
    chunkFilename: '[name].chunk.js'
  },
  plugins: [
    new ExtractTextPlugin({
      filename: '[name].css',
      allChunks: true
    }),
    new webpack.optimize.CommonsChunkPlugin({
      name: ['vender-exten', 'vender-base'],
      minChunks: Infinity
    })
  ]
};

const prod = {
  output: {
    filename: '[name].[hash].js',
    chunkFilename: '[name].[hash].chunk.js'
  },
  plugins: [
    new ExtractTextPlugin({
      filename: '[name].[hash].css',
      allChunks: true
    }),
    new webpack.optimize.CommonsChunkPlugin({
      name: ['vender-exten', 'vender-base'],
      minChunks: Infinity
    }),
    new webpack.DefinePlugin({
      'process.env': {
        NODE_ENV: '"production"'
      }
    }),
    new UglifyJsPlugin({
      sourceMap: true
    })
  ]
};
const other = env ? dev : prod;
module.exports = merge(base, other)