vue2 打包教程：安裝 webpack，創建一個配置文件，并配置 webpack。安裝 vue loader 并將其添加到 webpack 配置中。運行打包腳本，打包應用程序。找到打包后的文件并將其部署到 web 服務器或托管平臺。
Vue2 打包教程
如何將 Vue2 項目打包成可以部署的應用程序？
打包 Vue2 項目可以采用以下步驟：
1. 安裝 Webpack
Webpack 是一個模塊打包工具，用于將 JavaScript、CSS 和其他資產打包成一個優化過的文件。安裝 Webpack：
npm install --save-dev webpack webpack-cli
登錄后復制
2. 創建配置文件
創建一個名為 webpack.config.js 的文件，該文件定義了 Webpack 的打包配置：
module.exports = {
entry: './src/main.js',
output: {
filename: 'bundle.js',
path: __dirname + '/dist',
},
};
登錄后復制
entry: 指定應用程序入口文件。
output: 指定打包后的輸出文件和目錄。
3. 安裝 Vue Loader
Vue Loader 是一個 Babel 預處理器，用于編譯 Vue 單文件組件。安裝 Vue Loader：
npm install --save-dev vue-loader
登錄后復制
4. 更改配置文件
在 webpack.config.js 文件中添加 Vue Loader 配置：
module: {
rules: [
{
test: /\.vue$/,
use: 'vue-loader',
},
],
},
登錄后復制
5. 運行打包腳本
在命令行中運行以下命令來啟動打包過程：
npx webpack
登錄后復制
6. 找到打包后的文件
打包后的應用程序將輸出到 dist 目錄中。通常情況下，它是一個名為 bundle.js 的文件。
7. 部署應用程序
將 dist 目錄中的打包文件部署到 Web 服務器或其他托管平臺。
