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 document.images实例
May 27 Javascript
jquery插件制作 表单验证实现代码
Aug 17 Javascript
jquery实现商品拖动选择效果代码(自写)
May 28 Javascript
javascript判断是否按回车键并解决浏览器之间的差异
May 13 Javascript
jquery单行文字向上滚动效果的实现代码
Sep 05 Javascript
深入理解JavaScript系列(47):对象创建模式(上篇)
Mar 04 Javascript
JavaScript中的原始值和复杂值
Jan 07 Javascript
JS基于正则表达式的替换操作(replace)用法示例
Apr 28 Javascript
JS库之Three.js 简易入门教程(详解之一)
Sep 13 Javascript
Angular请求防抖处理第一次请求失效问题
May 17 Javascript
layui radio单选限制下一个radio单选的实例
Sep 03 Javascript
vue3.0 加载json的方法(非ajax)
Oct 26 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
关于shopex同步ucenter的redirect问题,导致script不运行
2013/04/10 PHP
smarty基础之拼接字符串的详解
2013/06/18 PHP
PHP模拟asp.net的StringBuilder类实现方法
2015/08/08 PHP
Laravel实现构造函数自动依赖注入的方法
2016/03/16 PHP
Thinkphp5+uploadify实现的文件上传功能示例
2018/05/26 PHP
laravel 解决后端无法获取到前端Post过来的值问题
2019/10/22 PHP
纯JavaScript实现的完美渐变弹出层效果代码
2010/04/02 Javascript
javascript实现很浪漫的气泡冒出特效
2020/09/05 Javascript
基于Node.js实现nodemailer邮件发送
2016/01/26 Javascript
js闭包引起的事件注册问题介绍
2016/03/29 Javascript
javascript实现抽奖程序的简单实例
2016/06/07 Javascript
深入理解(function(){... })();
2016/08/16 Javascript
bootstrap PrintThis打印插件使用详解
2017/02/20 Javascript
Vue 中使用vue2-highcharts实现top功能的示例
2018/03/05 Javascript
基于JavaScript实现一个简单的Vue
2018/09/26 Javascript
Koa 中的错误处理解析
2019/04/09 Javascript
JS实现移动端在线签协议功能
2019/08/22 Javascript
JS代码屏蔽F12,右键,粘贴,复制,剪切,选中,操作实例
2019/09/17 Javascript
js实现前端界面导航栏下拉列表
2020/08/27 Javascript
[01:12](回顾)DOTA2国际邀请赛,全世界DOTAer的盛宴
2014/07/01 DOTA
利用Python找出序列中出现最多的元素示例代码
2017/12/08 Python
Python学习笔记基本数据结构之序列类型list tuple range用法分析
2019/06/08 Python
详解django中Template语言
2020/02/22 Python
详解利用python识别图片中的条码(pyzbar)及条码图片矫正和增强
2020/11/17 Python
Smashbox官网:美国知名彩妆品牌
2017/01/05 全球购物
美国在线精品家居网站:Burke Decor
2017/04/12 全球购物
森海塞尔美国官网:Sennheiser耳机与耳麦
2017/07/19 全球购物
某公司面试题
2012/03/05 面试题
施工资料员岗位职责
2014/01/06 职场文书
教育技术学专业职业规划书
2014/03/03 职场文书
办公设备采购方案
2014/03/16 职场文书
党员公开承诺书
2014/03/25 职场文书
交通事故协议书范本
2014/11/18 职场文书
党校毕业个人总结
2015/02/28 职场文书
导游词之清晏园
2019/11/22 职场文书
在 HTML 页面中使用 React的场景分析
2022/01/18 Javascript