vue2新建项目与打包

Vue2 是一种流行的 JavaScript 框架，可用于构建用户界面和单页面应用程序。下面是在 Vue2 中创建新项目和打包的步骤：

## 创建新项目

1. 安装 Vue CLI:

   npm install -g vue-cli

2. 创建新项目:

   vue init webpack my-project

3. 进入项目目录:

   cd my-project

4. 安装依赖:

   npm install

5. 运行项目:

   npm run dev

## 打包

1. 运行打包命令:

   npm run build

2. 打包后的文件会生成在 `dist` 目录中。

你可以根据自己的需要对项目进行配置和修改，更多关于 Vue2 的信息可以查看官方文档。

相关问题

vue 2 项目打包不混淆名称

要在 Vue 2 项目中打包不混淆名称，需要在 `vue.config.js` 中进行配置。具体操作如下：

1. 在项目根目录下新建 `vue.config.js` 文件。

2. 在 `vue.config.js` 中添加以下配置项：

module.exports = {
  productionSourceMap: false,
  configureWebpack: {
    optimization: {
      minimize: false
    }
  }
}

其中，`productionSourceMap: false` 表示关闭生产环境的 sourceMap，`configureWebpack` 中的 `optimization.minimize: false` 表示不使用 webpack 的代码压缩功能。

3. 执行打包命令即可生成不混淆名称的代码。

注意：关闭代码压缩和混淆会使代码包体积变大，建议在开发调试时使用，生产环境下仍然建议开启压缩和混淆。

vue 项目实现多页打包

Vue CLI默认生成的项目是一个单页应用，如果需要实现多页打包，可以按照以下步骤进行操作：

1. 在src文件夹下新建一个pages文件夹，用于存放多页应用的入口文件。

2. 在pages文件夹下新建一个文件夹，例如page1，用于存放page1的入口文件、模板文件和静态资源。

3. 在page1文件夹下新建一个index.js文件，作为page1的入口文件。

4. 在page1文件夹下新建一个index.html文件，作为page1的模板文件。

5. 在page1文件夹下新建一个assets文件夹，用于存放page1的静态资源。

6. 在vue.config.js文件中进行配置，示例代码如下：

   module.exports = {
     pages: {
       page1: {
         entry: 'src/pages/page1/index.js',
         template: 'src/pages/page1/index.html',
         filename: 'page1.html'
       },
       page2: {
         entry: 'src/pages/page2/index.js',
         template: 'src/pages/page2/index.html',
         filename: 'page2.html'
       }
     }
   }

以上代码配置了两个页面：page1和page2，对应的入口文件、模板文件和输出文件名分别为：

- page1的入口文件为src/pages/page1/index.js，模板文件为src/pages/page1/index.html，输出文件名为page1.html。
- page2的入口文件为src/pages/page2/index.js，模板文件为src/pages/page2/index.html，输出文件名为page2.html。

7. 运行npm run build命令进行打包，多个页面将会被打包成多个html文件，分别对应不同的页面。

以上就是实现Vue多页打包的步骤。