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函数
Apr 09 Javascript
node.js中实现同步操作的3种实现方法
Dec 05 Javascript
node.js中的favicon.ico请求问题处理
Dec 15 Javascript
js实现简单排列组合的方法
Jan 27 Javascript
纯js代码制作的网页时钟特效【附实例】
Mar 30 Javascript
详解VUE 定义全局变量的几种实现方式
Jun 01 Javascript
angular2 ng2 @input和@output理解及示例
Oct 10 Javascript
VUE DOM加载后执行自定义事件的方法
Sep 07 Javascript
vue组件定义,全局、局部组件,配合模板及动态组件功能示例
Mar 19 Javascript
理理Vue细节(推荐)
Apr 16 Javascript
详解vue-cli@2.x项目迁移日志
Jun 06 Javascript
JS实现“全选”和"全不选"功能代码实例
Feb 06 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/06/20 PHP
基于PHP常用字符串的总结(待续)
2013/06/07 PHP
php加密解密实用类分享
2014/01/07 PHP
PHP getallheaders无法获取自定义头(headers)的问题
2016/03/23 PHP
thinkphp,onethink和thinkox中验证码不显示的解决方法分析
2016/06/06 PHP
安装PHP扩展时解压官方 tgz 文件后没有configure文件无法进行配置编译的问题
2020/08/26 PHP
jquery 学习之二 属性(类)
2010/11/25 Javascript
js对象的比较
2011/02/26 Javascript
js字符串的各种格式的转换 ToString,Format
2011/08/08 Javascript
javascript改变position值实现菜单滚动至顶部后固定
2013/01/18 Javascript
基于js与flash实现的网站flv视频播放插件代码
2014/10/14 Javascript
JavaScript中的Reflect对象详解(ES6新特性)
2016/07/22 Javascript
基于Vue如何封装分页组件
2016/12/16 Javascript
jQuery简单获取DIV和A标签元素位置的方法
2017/02/07 Javascript
浅谈js-FCC算法Friendly Date Ranges(详解)
2017/04/10 Javascript
在iFrame子页面里实现模态框的方法
2018/08/17 Javascript
vue-router动态设置页面title的实例讲解
2018/08/30 Javascript
vue 使用vue-i18n做全局中英文切换的方法
2018/10/29 Javascript
vue项目配置使用flow类型检查的步骤
2020/03/18 Javascript
Vue中强制组件重新渲染的正确方法
2021/01/03 Vue.js
JS中循环遍历数组的四种方式总结
2021/01/23 Javascript
简单实现python画圆功能
2018/01/25 Python
FFrpc python客户端lib使用解析
2019/08/24 Python
python如果快速判断数字奇数偶数
2019/11/13 Python
使用python快速在局域网内搭建http传输文件服务的方法
2019/11/14 Python
简单了解Java Netty Reactor三种线程模型
2020/04/26 Python
Python爬虫+Tkinter制作一个翻译软件的示例
2021/02/20 Python
24个canvas基础知识小结
2014/12/17 HTML / CSS
New Balance法国官方网站:购买鞋子和服装
2019/09/01 全球购物
戴森比利时官方网站:Dyson BE
2020/10/03 全球购物
后勤人员自我评价怎么写
2013/09/19 职场文书
少年闰土教学反思
2014/02/22 职场文书
公司总经理任命书
2014/06/05 职场文书
幼儿园庆元旦主持词
2015/07/06 职场文书
只用20行Python代码实现屏幕录制功能
2021/06/02 Python
CSS3实现360度循环旋转功能
2022/02/12 HTML / CSS