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 相关文章推荐
硬盘浏览程序,保存成网页格式便可使用
Dec 03 Javascript
window.open 以post方式传递参数示例代码
Feb 27 Javascript
js获取时间并实现字符串和时间戳之间的转换
Jan 05 Javascript
Jquery使用css方法改变样式实例
May 18 Javascript
详解javascript函数的参数
Nov 10 Javascript
原生js实现倒计时--2018
Feb 21 Javascript
微信小程序CSS3动画下拉菜单效果
Nov 04 Javascript
详解如何创建并发布一个 vue 组件
Nov 08 Javascript
JS/HTML5游戏常用算法之碰撞检测 包围盒检测算法详解【矩形情况】
Dec 13 Javascript
使用ESLint禁止项目导入特定模块的方法步骤
Mar 04 Javascript
详解微信小程序回到顶部的两种方式
May 09 Javascript
jQuery HTML设置内容和属性操作实例分析
May 20 jQuery
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使用eAccelerator的API开发详解
2013/06/09 PHP
thinkPHP框架可添加js事件的分页类customPage.class.php完整实例
2017/03/16 PHP
如何修改Laravel中url()函数生成URL的根地址
2017/08/11 PHP
HTA版JSMin(省略修饰语若干)基于javascript语言编写
2009/12/24 Javascript
js判断鼠标同时离开两个div的思路及代码
2013/05/31 Javascript
javascript验证只能输入数字和一个小数点示例
2013/10/21 Javascript
jquery禁用右键单击功能屏蔽F5刷新
2014/03/17 Javascript
node.js中的querystring.parse方法使用说明
2014/12/10 Javascript
浅谈JavaScript中的作用域和闭包问题
2015/07/07 Javascript
浅谈jQuery绑定事件会叠加的解决方法和心得总结
2016/10/26 Javascript
基于Three.js插件制作360度全景图
2016/11/29 Javascript
理解Angular的providers给Http添加默认headers
2017/07/04 Javascript
使用canvas进行图像编辑的实例
2017/08/29 Javascript
使用Bootstrap和Vue实现用户信息的编辑删除功能
2017/10/25 Javascript
JavaScript生成简单等差数列
2017/11/28 Javascript
Element Steps步骤条的使用方法
2020/07/26 Javascript
用js实现放大镜效果
2020/10/28 Javascript
vue 中this.$set 动态绑定数据的案例讲解
2021/01/29 Vue.js
[01:31]完美与DOTA2历程
2014/07/31 DOTA
python代码制作configure文件示例
2014/07/28 Python
python实现删除文件与目录的方法
2014/11/10 Python
Python匹配中文的正则表达式
2016/05/11 Python
pycharm运行出现ImportError:No module named的解决方法
2018/10/13 Python
python 顺时针打印矩阵的超简洁代码
2018/11/14 Python
Django实现学员管理系统
2019/02/26 Python
Python中按键来获取指定的值
2019/03/02 Python
python画图的函数用法以及技巧
2019/06/28 Python
python实现简单成绩录入系统
2019/09/19 Python
Scrapy 配置动态代理IP的实现
2020/09/28 Python
Java里面如何把一个Array数组转换成Collection, List
2013/07/26 面试题
医生爱岗敬业演讲稿
2014/08/26 职场文书
2015年春节标语口号
2014/12/09 职场文书
员工担保书范本
2015/09/22 职场文书
2016年小学六一儿童节活动总结
2016/04/06 职场文书
python - asyncio异步编程
2021/04/06 Python
Django如何与Ajax交互
2021/04/29 Python