关于使用Webpack打包Express项目那件事......
首先Express后台项目开发完之后不是连同node_modules一起扔服务器上运行的。好家伙几百兆上G的东西能能扔上去直接运行也是个天才。
使用Express框架开发完项目之后人家框架是没有自带的打包命令的,是需要自己手动配置。
算了,话不多说。直接上号。
1.下载 webpack包,这都会把
npm i webpack webpack-cli --save-dev
2.配置 webpack文件
手动创建 webpack.config.js 文件
创建完成后编写配置如下
const path = require('path');
module.exports = {
entry: './app.js',
target: "node",
output: {
path: path.resolve(__dirname, 'dist'),
filename: 'index.js',
},
};
3.上面步骤走完之后去配置打包命令
找到 package.json 写入打包命令 "build": "webpack"
4.OK,控制台直接运行 npm run build 完事!
打包完之后项目目录会出现一个dist文件夹,这就代表成功了。
5.测试
找到打完包的整个文件夹直接cmd 然后运行项目。一切正常。
浏览器打开