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实现返回上一页面并刷新的小例子
Dec 11 Javascript
JavaScript在Android的WebView中parseInt函数转换不正确问题解决方法
Apr 25 Javascript
AngularJS定时器的使用与移除操作方法【interval与timeout】
Dec 14 Javascript
vue2实现移动端上传、预览、压缩图片解决拍照旋转问题
Apr 13 Javascript
socket.io学习教程之基础介绍(一)
Apr 29 Javascript
网页中的图片查看器viewjs使用方法
Jul 11 Javascript
JS实现按钮控制计时开始和停止功能
Jul 27 Javascript
浅谈Angular2 模块懒加载的方法
Oct 04 Javascript
JS和JQuery实现雪花飘落效果
Nov 30 jQuery
vue.js项目nginx部署教程
Apr 05 Javascript
JS实现移动端双指缩放和旋转方法
Dec 13 Javascript
微信小程序通过websocket实时语音识别的实现代码
Aug 19 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.ini 中文版
2006/10/28 PHP
CI框架中集成CKEditor编辑器的教程
2014/06/09 PHP
php需登录的文件上传管理系统
2020/03/21 PHP
php自定义扩展名获取函数示例
2016/12/12 PHP
yii2.0整合阿里云oss删除单个文件的方法
2017/09/19 PHP
PHP 命名空间和自动加载原理与用法实例分析
2020/04/29 PHP
仿校内登陆框,精美,给那些很厉害但是没有设计天才的程序员
2008/11/24 Javascript
js内置对象 学习笔记
2011/08/01 Javascript
基于jquery点击自以外任意处,关闭自身的代码
2012/02/10 Javascript
六款帮助你实现惊艳视差滚动效果的jQuery插件
2012/09/14 Javascript
jquery遍历select元素(实例讲解)
2013/12/31 Javascript
jQuery监控文本框事件并作相应处理的方法
2015/04/16 Javascript
Ajax+FormData+javascript实现无刷新表单信息提交
2016/10/24 Javascript
javascript 内置对象及常见API详细介绍
2016/11/01 Javascript
jQuery获取table下某一行某一列的值实现代码
2017/04/07 jQuery
深入理解Angularjs中$http.post与$.post
2017/05/19 Javascript
React Native中的RefreshContorl下拉刷新使用
2017/10/09 Javascript
VUE2实现事件驱动弹窗示例
2017/10/21 Javascript
jQuery实现全选按钮
2021/01/01 jQuery
Python中线程编程之threading模块的使用详解
2015/06/23 Python
python实现三维拟合的方法
2018/12/29 Python
Python中new方法的详解
2019/01/15 Python
如何使用python把ppt转换成pdf
2019/06/29 Python
python 公共方法汇总解析
2019/09/16 Python
使用pygame写一个古诗词填空通关游戏
2019/12/03 Python
如何用 Python 制作 GitHub 消息助手
2021/02/20 Python
css3实现蒙版弹幕功能
2019/06/18 HTML / CSS
html5调用摄像头功能的实现代码
2018/05/07 HTML / CSS
Origins加拿大官网:雅诗兰黛集团高端植物护肤品牌
2017/11/19 全球购物
信用社员工先进事迹材料
2014/02/04 职场文书
安全责任协议书
2014/04/21 职场文书
2014年小学教研工作总结
2014/12/06 职场文书
教师工作态度自我评价
2015/03/05 职场文书
学术会议领导致辞
2015/07/29 职场文书
MySQL基础快速入门知识总结(附思维导图)
2021/09/25 MySQL
三星 3nm 芯片将于第二季度开始量产
2022/04/29 数码科技