webpack-node后台构建指引

---

本篇安装依赖均使用 cnpm

安装依赖

cnpm install --save-dev webpack
cnpm install -g webpack

执行打包操作

1. 新建 webpack.config.js

2. 写入如下内容：

   const path = require('path')
   const fs = require('fs')
   
   const nodeModules = {}
   fs.readdirSync('node_modules')
       .filter(function (x) {
           return [ '.bin' ].indexOf(x) === -1
       })
       .forEach(function (mod) {
           nodeModules[ mod ] = 'commonjs ' + mod
       })
   
   module.exports = {
       entry: './src/app.js',
       output: {
           filename: 'bundle.js',
           path: path.resolve(__dirname, 'dist')
       },
       target: 'node',
       externals: nodeModules
   }
   

3. 执行打包操作，工程根目录（package.json所在目录）执行如下命令：
   webpack或者 webpack –config webpack.config.js

丑化代码

1. 安装 babel 以使 webpack 支持 es6
   cnpm install --save-dev babel-loader babel-core babel-preset-env

2. 修改 webpack.config.js

   const path = require('path')
   const fs = require('fs')
   const webpack = require('webpack');
   
   const nodeModules = {}
   fs.readdirSync('node_modules')
       .filter(function (x) {
           return [ '.bin' ].indexOf(x) === -1
       })
       .forEach(function (mod) {
           nodeModules[ mod ] = 'commonjs ' + mod
       })
   
   module.exports = {
       entry: './src/app.js',
       output: {
           filename: 'app.js',
           path: path.resolve(__dirname, 'dist')
       },
       target: 'node',
       externals: nodeModules,
       plugins: [
           new webpack.optimize.UglifyJsPlugin({
               minimize: true,
               sourceMap: false,
               compress: {
                   warnings: false,
                   sequences: true,
                   dead_code: true,
                   conditionals: true,
                   booleans: true,
                   unused: true,
                   if_return: true,
                   join_vars: true,
                   drop_console: false
               }
           })
       ],
       resolve: {
           extensions: ['.js', '.json'],
           modules: [path.join(__dirname, 'src'), 'node_modules']
       },
       module: {
           rules: [
               { test: /\.js$/, exclude: /node_modules/, loader: "babel-loader" }
           ]
       }
   }