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 相关文章推荐
jQuery实现类似淘宝购物车全选状态示例
Jun 26 Javascript
分享JavaScript获取网页关闭与取消关闭的事件
Dec 13 Javascript
禁用页面部分JavaScript不是全部而是部分
Sep 03 Javascript
使用js画图之画切线
Jan 12 Javascript
JavaScript获取ul中li个数的方法
Feb 13 Javascript
jquery.uploadifive插件怎么解决上传限制图片或文件大小问题
May 08 jQuery
javascript基础进阶_深入剖析执行环境及作用域链
Sep 05 Javascript
BootStrap Validator 根据条件在JS中添加或移除校验操作
Oct 12 Javascript
前端必备插件之纯原生JS的瀑布流插件Macy.js
Nov 22 Javascript
浅谈Webpack自动化构建实践指南
Dec 18 Javascript
浅谈vue.js导入css库(elementUi)的方法
Mar 09 Javascript
VeeValidate在vue项目里表单校验应用案例
May 09 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
第六节 访问属性和方法 [6]
2006/10/09 PHP
php array_merge下进行数组合并的代码
2008/07/22 PHP
php 读取shell管道传输过来的内容
2010/03/01 PHP
PHP学习之字符串比较和查找
2011/04/17 PHP
PHP自动生成后台导航网址的最佳方法
2013/08/27 PHP
ThinkPHP实现动态包含文件的方法
2014/11/29 PHP
javascript:void(0)的真正含义实例分析
2008/08/20 Javascript
jquery offset函数应用实例
2012/11/14 Javascript
jQuery的控件及事件(输入控件及回车事件)使用示例
2013/07/25 Javascript
jquery ready(fn)事件使用介绍
2013/08/21 Javascript
JavaScript使用setInterval()函数实现简单轮询操作的方法
2015/02/02 Javascript
JavaScript中实现map功能代码分享
2015/06/11 Javascript
react配合antd组件实现的管理系统示例代码
2018/04/24 Javascript
在Vant的基础上实现添加表单验证框架的方法示例
2018/12/05 Javascript
antd Upload 文件上传的示例代码
2018/12/14 Javascript
微信小程序用户拒绝授权的处理方法详解
2019/09/20 Javascript
JS写滑稽笑脸运动效果
2020/05/28 Javascript
Javascript confirm多种使用方法解析
2020/09/25 Javascript
Python基于列表list实现的CRUD操作功能示例
2018/01/05 Python
创建pycharm的自定义python模板方法
2018/05/23 Python
python使用插值法画出平滑曲线
2018/12/15 Python
python实现感知机线性分类模型示例代码
2019/06/02 Python
Python浮点数四舍五入问题的分析与解决方法
2019/11/19 Python
Python编程快速上手——强口令检测算法案例分析
2020/02/29 Python
Python Socket TCP双端聊天功能实现过程详解
2020/06/15 Python
Django实现内容缓存实例方法
2020/06/30 Python
selenium框架中driver.close()和driver.quit()关闭浏览器
2020/12/08 Python
纯css实现照片墙3D效果的示例代码
2017/11/13 HTML / CSS
CSS实现半透明边框与多重边框的场景分析
2019/11/13 HTML / CSS
很酷的小工具和电子产品商城:GearBest
2016/11/19 全球购物
学习自我鉴定
2014/02/01 职场文书
乡镇平安建设汇报材料
2014/08/25 职场文书
迎新年主持词
2015/07/06 职场文书
劳动模范获奖感言
2015/07/31 职场文书
python flappy bird小游戏分步实现流程
2022/02/15 Python
日元符号 ¥
2022/02/17 杂记