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 相关文章推荐
二行代码解决全部网页木马
Mar 28 Javascript
jQuery 处理表单元素的代码
Feb 15 Javascript
jquery监控数据是否变化(修正版)
Apr 12 Javascript
js+数组实现网页上显示时间/星期几的实用方法
Jan 18 Javascript
原生JS封装Ajax插件(同域、jsonp跨域)
May 03 Javascript
深入浅出ES6新特性之函数默认参数和箭头函数
Aug 01 Javascript
详解Vue学习笔记进阶篇之列表过渡及其他
Jul 17 Javascript
详解vue-cli 接口代理配置
Dec 13 Javascript
浅谈Angular6的服务和依赖注入
Jun 27 Javascript
js for终止循环 跳出多层循环
Oct 04 Javascript
node全局变量__dirname与__filename的区别
Jan 14 Javascript
如何搭建一个完整的Vue3.0+ts的项目步骤
Oct 18 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
PHP无限分类代码,支持数组格式化、直接输出菜单两种方式
2011/05/18 PHP
PHP中key和current,next的联合运用实例分析
2016/03/29 PHP
在 PHP 和 Laravel 中使用 Traits的方法
2019/11/13 PHP
jquery异步请求实例代码
2011/06/21 Javascript
两种方法实现文本框输入内容提示消失
2013/03/17 Javascript
Array 重排序方法和操作方法的简单实例
2014/01/24 Javascript
jQuery实现的原图对比窗帘效果
2014/06/15 Javascript
javascript ajax的5种状态介绍
2014/08/18 Javascript
JavaScript实战(原生range和自定义特效)简单实例
2016/08/21 Javascript
js获取元素下的第一级子元素的方法(推荐)
2017/03/05 Javascript
JavaScript中的普通函数和箭头函数的区别和用法详解
2017/03/21 Javascript
详解Vue如何支持JSX语法
2017/11/10 Javascript
JS复杂判断的更优雅写法代码详解
2018/11/07 Javascript
弱类型语言javascript开发中的一些坑实例小结【变量、函数、数组、对象、作用域等】
2019/08/07 Javascript
Element-UI中关于table表格的那些骚操作(小结)
2019/08/15 Javascript
[19:26]TNC vs EG (BO3)
2018/06/07 DOTA
[46:55]LGD vs Liquid 2019国际邀请赛小组赛 BO2 第一场 8.16
2019/08/19 DOTA
python3.6+opencv3.4实现鼠标交互查看图片像素
2018/02/26 Python
基于python cut和qcut的用法及区别详解
2019/11/22 Python
python3实现raspberry pi(树莓派)4驱小车控制程序
2020/02/12 Python
Django单元测试中Fixtures用法详解
2020/02/25 Python
python redis存入字典序列化存储教程
2020/07/16 Python
树莓派4B安装Tensorflow的方法步骤
2020/07/16 Python
Python如何截图保存的三种方法(小结)
2020/09/01 Python
CSS3中利用animation属性创建雪花飘落特效
2014/05/14 HTML / CSS
html5中svg canvas和图片之间相互转化思路代码
2014/01/24 HTML / CSS
Tomcat中怎么使用log4j输出所有的log
2016/07/07 面试题
人事主管岗位职责范本
2013/12/04 职场文书
简单的项目建议书模板
2014/03/12 职场文书
安全教育月活动总结
2014/05/05 职场文书
公司2015年终工作总结
2015/05/26 职场文书
在职证明书模板
2015/06/15 职场文书
阿里云Nginx配置https实现域名访问项目(图文教程)
2021/03/31 Servers
一篇文章弄懂MySQL查询语句的执行过程
2021/05/07 MySQL
Python还能这么玩之用Python修改了班花的开机密码
2021/06/04 Python
用Python将GIF动图分解成多张静态图片
2021/06/11 Python