webpack.config.js

var webpack = require('webpack');
var path = require('path');
// var publicJs = './public/js';
const JSCOMMON = './public/js/commons';
// var commonsPlugin = new webpack.optimize.CommonsChunkPlugin('common.js');

module.exports = {
  // 此插件用於提取多個共用腳本，如 Jquery...
  // 然後生成一個 common.js 方更複用。
  // plugins: [commonsPlugin],
  plugins: [
    // 將共用的 js 提到一個 common.js 中
    new webpack.optimize.CommonsChunkPlugin('vender', 'Dna.min.js'),
    //   name: 'vender',
    //   // minChunks: Infinity
    //   filename: 'commons.js'
    //   // chunks: ['jquery']
    // }),
    new webpack.ProvidePlugin({
      $: 'jquery',
      'jQuery': 'jquery',
      'window.jQuery': 'jquery',
      'root.jQuery': 'jquery'
    }),
    // new HtmlWebpackPlugin({
    //    filename: 'index.jade',
    // }),
    // 腳本壓縮，壓縮大縮7成
    new webpack.optimize.UglifyJsPlugin({
      compress: {
        warnings: false
      }
    })
  ],
  entry: {
    index: `./public/js/test.js`,
    vender: ['jquery', 'easyui', 'easyuiCN']
  },
  output: {
    path: './public/js/bin',
    filename: '[name].min.js',
    chunkFilename: '[name].js'
  },
  module: {
    loaders: [{test: /\.js$/, exclude: /(node_modules|public\/js\/commons\/jquery)/, loader: 'babel-loader'},
    {test: /\.less$/, loader: 'style-loader!css-loader!less-loader'}, // use ! to chain loaders
    {test: /\.css$/, loader: 'style-loader!css-loader'},
    {test: /\.(png|jpg)$/, loader: 'url-loader?limit=8192'}
    // {test: /^jquery/, loader: 'imports?jQuery=jquery'}
    // {test: require.resolve('$'), loader: 'expose?jQuery'}
    ]
  },
  resolve: {
    alias: {
      // jquery: `${publicJs}/commons/jQuery.js`,
      easyui: path.join(__dirname, `${JSCOMMON}/jquery/jquery.easyui.min.js`),
      const: path.join(__dirname, `${JSCOMMON}/core/const.js`),
      easyuiCN: path.join(__dirname, `${JSCOMMON}/jquery/locale/easyui-lang-zh_CN.js`)
      // mssage: path.join(__dirname, "public/js/commons/message.js"),
      // alert: path.join(__dirname, `${JSCOMMON}/jquery/jquery.alerts.js`),
      // ui: path.join(__dirname, `${JSCOMMON}/jquery/jquery-ui.js`)
    }
  }
  // devtool: '#inline-source-map'
};