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 语法基础 想学习js的朋友可以看看
Dec 16 Javascript
你的 mixin 真的兼容 ECMAScript 5 吗?
Apr 11 Javascript
seaJs的模块定义和模块加载浅析
Jun 06 Javascript
Javascript实现计算个人所得税
May 10 Javascript
自己动手制作基于jQuery的Web页面加载进度条插件
Jun 03 Javascript
js实现手机web图片左右滑动效果
Dec 29 Javascript
jQuery实现文字超过1行、2行或规定的行数时自动加省略号的方法
Mar 28 jQuery
全面解析vue router 基本使用(动态路由,嵌套路由)
Sep 02 Javascript
jQuery滑动效果实现方法分析
Sep 05 jQuery
JavaScript如何使用插值实现图像渐变
Jun 28 Javascript
js实现滚动条自动滚动
Dec 13 Javascript
微信小程序input抖动问题的修复方法
Mar 03 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 动态多文件上传
2009/01/18 PHP
php基于SQLite实现的分页功能示例
2017/06/21 PHP
PHP实现断点续传乱序合并文件的方法
2018/09/06 PHP
javascript call方法使用说明
2010/01/11 Javascript
lyhucSelect基于Jquery的Select数据联动插件
2011/03/29 Javascript
jquery按回车提交数据的代码示例
2013/11/05 Javascript
javascript模拟实现ajax加载框实例
2014/10/15 Javascript
js去除浏览器默认底图的方法
2015/06/08 Javascript
jQuery+CSS3折叠卡片式下拉列表框实现效果
2015/11/02 Javascript
浅析jquery与checkbox的checked属性的问题
2016/04/27 Javascript
Vue.js 2.0 和 React、Augular等其他前端框架大比拼
2016/10/08 Javascript
jQuery插件autocomplete使用详解
2017/02/04 Javascript
webpack构建换肤功能的思路详解
2017/11/27 Javascript
JS遍历DOM文档树的方法实例详解
2018/04/03 Javascript
你点的 ES6一些小技巧,请查收
2018/04/25 Javascript
JS高阶函数原理与用法实例分析
2019/01/15 Javascript
详解element-ui表格中勾选checkbox,高亮当前行
2019/09/02 Javascript
JavaScript如何借用构造函数继承
2019/11/06 Javascript
ES5新增数组的实现方法
2020/05/12 Javascript
ES6 Symbol在对象中的作用实例分析
2020/06/06 Javascript
vue实现员工信息录入功能
2020/06/11 Javascript
简单介绍Python中的filter和lambda函数的使用
2015/04/07 Python
Python爬豆瓣电影实例
2018/02/23 Python
Python3.5 创建文件的简单实例
2018/04/26 Python
centos7中安装python3.6.4的教程
2019/12/11 Python
Python实现计算长方形面积(带参数函数demo)
2020/01/18 Python
通过python 执行 nohup 不生效的解决
2020/04/16 Python
python 使用OpenCV进行简单的人像分割与合成
2021/02/02 Python
整理的15个非常有用的 HTML5 开发教程和速查手册
2011/10/18 HTML / CSS
暑期实践思想汇报
2014/01/06 职场文书
工艺工程师岗位职责
2014/03/04 职场文书
2014年大学教师工作总结
2014/12/02 职场文书
2015年体检中心工作总结
2015/05/27 职场文书
送给客户微信问候语!
2019/07/04 职场文书
《成长的天空》读后感3篇
2019/12/06 职场文书
MySQL的安装与配置详细教程
2021/06/26 MySQL