php项目webpack打包,利用node.js对webpack打包

本文详细介绍了如何使用Webpack打包Node.js后端项目,包括安装依赖、配置Webpack及项目目录结构。通过示例代码展示了Webpack配置文件的设置,如目标设置为node,使用babel-loader转换ES6语法,以及externals处理依赖等。这将帮助开发者更有效地管理和构建Node.js应用。
摘要由CSDN通过智能技术生成

本篇文章主要介绍了webpack打包node.js后端项目的方法,现在分享给大家,也给大家做个参考。

本文介绍了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

上面是我整理给大家的,希望今后会对大家有帮助。

相关文章:

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值