注意:请确保配置好了node.js环境。
可以按照下面的步骤来配置 Webpack 打包 Vue 3 项目:
1. 安装 Webpack 和 Vue Loader:
npm install webpack webpack-cli vue-loader vue-template-compiler --save-dev
2. 在项目根目录下创建一个名为 webpack.config.js
的文件,然后将下面的代码复制到文件中:
const path = require('path');
const { VueLoaderPlugin } = require('vue-loader');
module.exports = {
entry: './src/main.js',
output: {
path: path.resolve(__dirname, 'dist'),
filename: 'bundle.js'
},
module: {
rules: [
{
test: /\.vue$/,
loader: 'vue-loader'
}
]
},
plugins: [
new VueLoaderPlugin()
]
};
这是一个最简单的 Webpack 配置文件,它定义了入口文件 main.js
,输出文件 bundle.js
,以及一个 Vue Loader 规则。