打包vue项目的记录

最新推荐文章于 2024-10-02 22:16:50 发布

公孙杰

最新推荐文章于 2024-10-02 22:16:50 发布

阅读量1k

点赞数

分类专栏：前后端分离文章标签： npm vue

本文链接：https://blog.csdn.net/qq_44771533/article/details/107541953

版权

本文记录了创建Vue项目并进行打包的步骤。首先通过`vue init webpack 项目名 --offline`初始化项目，然后注释掉webpack配置中的一项以避免代码提示错误。在打包前，需将`config/index.js`中的`assetsPublicPath`改为相对路径`'./'`，并在`build/utils.js`中添加`publicPath: '.../...'`，防止打包后静态资源出现404错误。

摘要由CSDN通过智能技术生成

打包vue项目的记录

创建vue项目
打包项目

创建vue项目

项目目录的cmd下
vue init webpack 项目名 [–offline]

D:\Vue_works>vue init webpack java_front --offline
> Use cached template at ~\.vue-templates\webpack

'git' �����ڲ����ⲿ���Ҳ���ǿ����еĳ���
���������ļ���
? Project name java_front
? Project description A Vue.js project
? Author me
? Vue build standalone
? Install vue-router? Yes
? Use ESLint to lint your code? Yes
? Pick an ESLint preset Standard
? Set up unit tests Yes
? Pick a test runner jest
? Setup e2e tests with Nightwatch? Yes
? Should we run `npm install` for you after the project has been created? (recommended) npm

   vue-cli · Generated "java_front".

对项目build目录下webpack.base.c