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 相关文章推荐
一行代码告别document.getElementById
Jun 01 Javascript
js实现格式化金额,字符,时间的方法
Feb 26 Javascript
浅谈Javascript数组(推荐)
May 17 Javascript
fullpage.js全屏滚动插件使用实例
Sep 06 Javascript
js原生代码实现轮播图的实例讲解
Jul 28 Javascript
通俗解释JavaScript正则表达式快速记忆
Aug 23 Javascript
利用JavaScript的%做隔行换色的实例
Nov 25 Javascript
vue首次赋值不触发watch的解决方法
Sep 11 Javascript
vue动画之点击按钮往上渐渐显示出来的实例
Sep 29 Javascript
layui 解决form表单点击无反应的问题
Oct 25 Javascript
JavaScript原型式继承实现方法
Nov 06 Javascript
WebRTC记录音视频流(web技术分享)
Feb 24 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
PHPlet在Windows下的安装
2006/10/09 PHP
php 流程控制switch的简单实例
2016/06/07 PHP
PHP实现移除数组中为空或为某值元素的方法
2017/01/07 PHP
启用OPCache提高PHP程序性能的方法
2019/03/21 PHP
JS中获取数据库中的值的方法
2013/07/14 Javascript
使用postMesssage()实现iframe跨域页面间的信息传递
2016/03/29 Javascript
js判断checkbox是否选中个数的方法(超简单)
2016/08/19 Javascript
Vue.js组件使用开发实例教程
2016/11/01 Javascript
详解通过JSON数据使用VUE.JS
2017/05/26 Javascript
Node.js中package.json中库的版本号(~和^)
2019/04/02 Javascript
react 不用插件实现数字滚动的效果示例
2020/04/14 Javascript
使用Typescript开发微信小程序的步骤详解
2021/01/12 Javascript
[26:24]完美副总裁、DOTA2负责人蔡玮专访:电竞如人生
2014/09/11 DOTA
[58:11]守擂赛第二周擂主赛 DeMonsTer vs Leopard
2020/04/28 DOTA
python通过ElementTree操作XML获取结点读取属性美化XML
2013/12/02 Python
在Django中同时使用多个配置文件的方法
2015/07/22 Python
Python中的引用和拷贝实例解析
2019/11/14 Python
pytorch1.0中torch.nn.Conv2d用法详解
2020/01/10 Python
tensorflow 实现自定义layer并添加到计算图中
2020/02/04 Python
Python实现动态给类和对象添加属性和方法操作示例
2020/02/29 Python
Python替换NumPy数组中大于某个值的所有元素实例
2020/06/08 Python
Python+Dlib+Opencv实现人脸采集并表情判别功能的代码
2020/07/01 Python
HTML5画渐变背景图片并自动下载实现步骤
2013/11/18 HTML / CSS
英国家庭、花园、汽车和移动解决方案:Easylife Group
2018/05/23 全球购物
全球性的在线婚纱礼服工厂:27dress.com
2019/03/21 全球购物
巴黎欧莱雅法国官网:L’Oreal Paris
2019/04/30 全球购物
外语学院毕业生的自我鉴定
2013/11/28 职场文书
临床护士自荐信
2014/01/31 职场文书
房屋租赁协议书
2014/04/10 职场文书
捐款倡议书格式范文
2014/05/14 职场文书
户籍证明书标准模板
2014/09/10 职场文书
2014年庆祝国庆65周年演讲稿
2014/09/21 职场文书
goland 清除所有的默认设置操作
2021/04/28 Golang
Python中zipfile压缩包模块的使用
2021/05/14 Python
Mybatis-Plus进阶分页与乐观锁插件及通用枚举和多数据源详解
2022/03/21 Java/Android
SpringBoot详解自定义Stater的应用
2022/07/15 Java/Android