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 相关文章推荐
Js 获取当前日期时间及其它操作实现代码
Mar 04 Javascript
JS 自定义带默认值的函数
Jul 21 Javascript
利用JQuery制作符合Web标准的QQ弹出消息
Jan 14 Javascript
angularjs学习笔记之完整的项目结构
Sep 26 Javascript
BootStrap轮播HTML代码(推荐)
Dec 10 Javascript
基于javascript实现最简单选项卡切换
Feb 01 Javascript
vue使用keep-alive实现数据缓存不刷新
Oct 21 Javascript
前端js中的事件循环eventloop机制详解
May 15 Javascript
vue2之简易的pc端短信验证码的问题及处理方法
Jun 03 Javascript
layui 实现自动选择radio单选框(checked)的方法
Sep 03 Javascript
JavaScript中clientWidth,offsetWidth,scrollWidth的区别
Jan 25 Javascript
TypeScript 使用 Tuple Union 声明函数重载
Apr 07 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 echo()和print()、require()和include()函数区别说明
2010/03/27 PHP
说说PHP的autoLoad自动加载机制
2012/09/27 PHP
PHP设置一边执行一边输出结果的代码
2013/09/30 PHP
CodeIgniter错误mysql_connect(): No such file or directory解决方法
2014/09/06 PHP
PHP调用Linux命令权限不足问题解决方法
2015/02/07 PHP
利用 fsockopen() 函数开放端口扫描器的实例
2017/08/19 PHP
jQuery学习笔记之控制页面实现代码
2012/02/27 Javascript
JavaScript作用域链使用介绍
2013/08/29 Javascript
解析offsetHeight,clientHeight,scrollHeight之间的区别
2013/11/20 Javascript
js动画效果制件让图片组成动画代码分享
2014/01/14 Javascript
JS图像无缝滚动脚本非常好用
2014/02/10 Javascript
jQuery插件jFade实现鼠标经过的图片高亮其它变暗
2015/03/14 Javascript
jquery实现表格隔行换色效果
2015/11/19 Javascript
Avalon中文长字符截取、关键字符隐藏、自定义过滤器
2016/05/18 Javascript
Angular实现表单验证功能
2017/11/13 Javascript
jQuery实现的淡入淡出与滑入滑出效果示例
2018/04/18 jQuery
js监听html页面的上下滚动事件方法
2018/09/11 Javascript
详解vue中使用微信jssdk
2019/04/19 Javascript
layui实现根据table数据判断按钮显示情况的方法
2019/09/26 Javascript
vue二选一tab栏切换新做法实现
2021/01/19 Vue.js
python多线程扫描端口示例
2014/01/16 Python
浅谈django开发者模式中的autoreload是如何实现的
2017/08/18 Python
分析Python中解析构建数据知识
2018/01/20 Python
django中模板的html自动转意方法
2018/05/27 Python
Python线程同步的实现代码
2018/10/03 Python
Pandas DataFrame数据的更改、插入新增的列和行的方法
2019/06/25 Python
选择python进行数据分析的理由和优势
2019/06/25 Python
PyCharm 2020.2下配置Anaconda环境的方法步骤
2020/09/23 Python
CSS3教程(10):CSS3 HSL声明设置颜色
2009/04/02 HTML / CSS
详解HTML5通讯录获取指定多个人的信息
2016/12/20 HTML / CSS
Hunkemöller西班牙:欧洲最大的内衣连锁店
2018/08/15 全球购物
印尼第一大家居、生活和家具电子商务:Ruparupa
2019/11/25 全球购物
大学生毕业求职简历的自我评价
2013/10/24 职场文书
会计毕业生自我鉴定
2013/11/04 职场文书
品质主管岗位职责
2014/03/16 职场文书
信息管理专业自荐书
2014/06/05 职场文书