本文介绍了如何使用npm run build指令打包Vue项目，并在Tomcat服务器上运行。首先确保安装了node.js、webpack和vue-cli，然后通过vue init webpack firstApp初始化项目。配置webpack.base.config.js中的output参数，打包后将dist文件夹内容部署到Tomcat的webapps目录下。在服务器上启动Tomcat，访问项目地址以检查是否成功。注意，若出现js文件404错误，可能是因为assetsPublicPath设置不当，推荐设置为' '，即相对路径。
vue-cli 的 npm run bulid 指令打包 vue 项目。
（详细分析：Vue -- vue-cli(vue脚手架) npm run build打包优化： http://www.cnblogs.com/donghuang/p/10042812.html）
前提条件：node.js、webpack 以及 vue-cli 和 vue 都已经安装好。我使用的是 npm 方法安装的 vue。
安装好的 vue 是一个具备初始框架的原始 vue 项目。（因为使用npm 方法安装vue 时，使用了 vue init webpack firstApp 来初始化了 vue 项目）
（npm 安装vue 教程：https://blog.youkuaiyun.com/m0_37479246/article/details/78836686）
输出配置(output)
webpack.base.config.js 文件
入口文件配置：entry
- app: './src/main.js' 设置入口文件
最低0.47元/天 解锁文章
扫一扫
9979
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
