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 相关文章推荐
告诉大家什么是JSON
Jun 10 Javascript
JSON 学习之JSON in JavaScript详细使用说明
Feb 23 Javascript
jQuery拖动图片删除示例
May 10 Javascript
基于HTML模板和JSON数据的JavaScript交互(移动端)
Apr 06 Javascript
功能强大的Bootstrap组件(结合js)
Aug 03 Javascript
Mongoose学习全面理解(推荐)
Jan 21 Javascript
JavaScript 中 apply 、call 的详解
Mar 21 Javascript
Vue2组件tree实现无限级树形菜单
Mar 29 Javascript
vue脚手架搭建项目的兼容性配置详解
Jul 17 Javascript
微信小程序适配iphoneX的实现方法
Sep 18 Javascript
js中arguments对象的深入理解
May 14 Javascript
JavaScript 几种循环方式以及模块化的总结
Sep 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
基于mysql的bbs设计(三)
2006/10/09 PHP
dede3.1分页文字采集过滤规则详说(图文教程)续二
2007/04/03 PHP
Ajax+PHP 边学边练之四 表单
2009/11/27 PHP
php preg_replace替换实例讲解
2013/11/04 PHP
PHP set_error_handler()函数使用详解(示例)
2013/11/12 PHP
PHP5.5和之前的版本empty函数的不同之处
2014/06/13 PHP
PHP使用CURL_MULTI实现多线程采集的例子
2014/07/29 PHP
PHP+APACHE实现网址伪静态
2015/02/22 PHP
PHP使用fopen与file_get_contents读取文件实例分享
2016/03/04 PHP
javascript实现时间格式输出FormatDate函数
2015/01/13 Javascript
微信小程序实现图片预览功能
2018/01/31 Javascript
vue全局组件与局部组件使用方法详解
2018/03/29 Javascript
vue项目base64字符串转图片的实现代码
2018/07/13 Javascript
详解vue+webpack+express中间件接口使用
2018/07/17 Javascript
说说如何利用 Node.js 代理解决跨域问题
2019/04/22 Javascript
有趣的JavaScript隐式类型转换操作实例分析
2020/05/02 Javascript
Python列表计数及插入实例
2014/12/17 Python
用Python制作在地图上模拟瘟疫扩散的Gif图
2015/03/31 Python
一篇文章入门Python生态系统(Python新手入门指导)
2015/12/11 Python
python中函数总结之装饰器闭包详解
2016/06/12 Python
tensorflow获取变量维度信息
2018/03/10 Python
Django保护敏感信息的方法示例
2019/05/09 Python
详解Python并发编程之创建多线程的几种方法
2019/08/23 Python
Python return语句如何实现结果返回调用
2020/10/15 Python
Python ellipsis 的用法详解
2020/11/20 Python
css背景图片的背景裁切、背景透明度、背景变换等效果运用
2012/12/24 HTML / CSS
Myprotein法国官网:欧洲第一运动营养品牌
2019/03/26 全球购物
毕业求职自荐信格式是什么
2013/11/19 职场文书
煤矿班组长岗位职责
2013/12/29 职场文书
2015年店长工作总结范文
2015/04/08 职场文书
违规违纪检讨书范文
2015/05/06 职场文书
护士旷工检讨书
2015/08/15 职场文书
财产分割协议书
2016/03/22 职场文书
员工试用期工作总结
2019/06/20 职场文书
导游词之海南天涯海角
2019/12/05 职场文书
深入浅析python3 依赖倒置原则(示例代码)
2021/07/09 Python