webpack打包node.js后端项目的方法


Posted in Javascript onMarch 10, 2018

本文介绍了webpack打包node.js后端项目的方法,分享给大家,具体如下:

安装依赖

npm install --save-dev webpack babel-loader babel-preset-es2015 babel-preset-stage-0

webpack配置

webpack.config.js

'use strict';

const webpack = require('webpack');

let externals = _externals();

module.exports = {
  entry: {
    app: './app.js',
  },
  target: 'node',
  output: {
    path: './build',
    filename: '[name].js'
  },
  resolve: {
    extensions: ['', '.js']
  },
  externals: externals,
  node: {
    console: true,
    global: true,
    process: true,
    Buffer: true,
    __filename: true,
    __dirname: true,
    setImmediate: true
  },
  module: {
    loaders: [
      {
        test: /\.js$/,
        loader: 'babel',
        query: {
          presets: ['es2015','stage-0']
        },
        exclude: /node_modules/
      }
    ]
  },
  plugins: [
    new webpack.optimize.UglifyJsPlugin()
  ]
};

function _externals() {
  let manifest = require('./package.json');
  let dependencies = manifest.dependencies;
  let externals = {};
  for (let p in dependencies) {
    externals[p] = 'commonjs ' + p;
  }
  return externals;
}

项目目录

+controller
+models
+routes
+service
+test
+util
-app.js
-config.json
-gulpfile.js
-models.js
-package.json
-pm2.json
-webpack.config.js

github:https://github.com/ymyang/chain-tree

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
javascript之ESC(第二类混淆)
May 06 Javascript
jquery tools 系列 scrollable学习
Sep 06 Javascript
基于JQuery框架的AJAX实例代码
Nov 03 Javascript
javascript 文章截取部分无损html显示实现代码
May 04 Javascript
提示$ is not defined错误分析及解决
Apr 09 Javascript
jquery打开直接跳到网页最下面、最低端实现代码
Apr 22 Javascript
jQuery EasyUI实现右键菜单变灰不可用效果
Sep 24 Javascript
jQuery中通过ajax调用webservice传递数组参数的问题实例详解
May 20 Javascript
js实现的页面加载完毕之前loading提示效果完整示例【附demo源码下载】
Aug 02 Javascript
基于Vue.js实现tab滑块效果
Jul 23 Javascript
关于vue中watch检测到不到对象属性的变化的解决方法
Feb 08 Javascript
vuex 动态注册方法 registerModule的实现
Jul 03 Javascript
webpack external模块的具体使用
Mar 10 #Javascript
webpack组织模块打包Library的原理及实现
Mar 10 #Javascript
浅谈webpack组织模块的原理
Mar 10 #Javascript
Vuex实现计数器以及列表展示效果
Mar 10 #Javascript
在vue中使用css modules替代scroped的方法
Mar 10 #Javascript
redux-saga 初识和使用
Mar 10 #Javascript
JS获取input[file]的值并显示在页面的实现方法
Mar 09 #Javascript
You might like
Windows下的PHP5.0安装配制详解
2006/09/05 PHP
php反射学习之依赖注入示例
2019/06/14 PHP
laravel http 自定义公共验证和响应的方法
2019/09/29 PHP
JQuery UI皮肤定制
2009/07/27 Javascript
jquery实现鼠标点击后展开列表内容的导航栏效果
2015/09/14 Javascript
js判断手机号是否正确并返回的实现代码
2017/01/17 Javascript
javascript中new Array()和var arr=[]用法区别
2017/12/01 Javascript
详解基于Node.js的HTTP/2 Server实践
2018/05/31 Javascript
微信小程序实现元素渐入渐出动画效果封装方法
2019/05/18 Javascript
微信小程序实现吸顶效果
2020/01/08 Javascript
微信小程序语音同步智能识别的实现案例代码解析
2020/05/29 Javascript
taro 实现购物车逻辑的实例代码
2020/06/05 Javascript
element跨分页操作选择详解
2020/06/29 Javascript
js实现跳一跳小游戏
2020/07/31 Javascript
js实现删除json中指定的元素
2020/09/22 Javascript
浅析Python数据处理
2018/05/02 Python
python 实现对文件夹中的图像连续重命名方法
2018/10/25 Python
使用Python和Prometheus跟踪天气的使用方法
2019/05/06 Python
python 通过视频url获取视频的宽高方式
2019/12/10 Python
简单了解Django ORM常用字段类型及参数配置
2020/01/07 Python
python标识符命名规范原理解析
2020/01/10 Python
tensorflow tf.train.batch之数据批量读取方式
2020/01/20 Python
django 多数据库及分库实现方式
2020/04/01 Python
Python 实现RSA加解密文本文件
2020/12/30 Python
GE设备配件:GE Appliance Parts(家电零件、配件和滤水器)
2018/11/28 全球购物
体育课外活动总结
2014/07/08 职场文书
中共广东省委常委会党的群众路线教育实践活动整改方案
2014/09/23 职场文书
2014年禁毒工作总结
2014/11/24 职场文书
2015年幼儿园大班工作总结
2015/04/25 职场文书
2015年小学美术工作总结
2015/05/25 职场文书
经典爱情感言
2015/08/03 职场文书
2019个人年度目标制定攻略!
2019/07/12 职场文书
Nginx开启Brotli压缩算法实现过程详解
2021/03/31 Servers
MySQL8.0的WITH查询详情
2021/08/30 MySQL
Pygame Draw绘图函数的具体使用
2021/11/17 Python
Python实现视频自动打码的示例代码
2022/04/08 Python