webpack5搭建vue3教-基礎篇

webpack5搭建vue3教-基礎篇

一.安裝vue環境：

1.安裝nodejs；

nodejs包含了npm

 

二.安裝webpack四件套：

npm install webpack webpack-cli webpack-server webpack-merge -D

 

三.初始化項目：

npm init -y

 

四.配置簡單webpack：

1.在根目錄下創建webpack.config.js文件

// webpack.config.js
const path = require('path');

module.exports = {
    mode: 'development',
    entry: './src/index.js',
    output: {
        filename: '[name].js',
        path: path.resolve(__dirname, 'dist')
    }
}

 

2.配置package.json

  "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1",
    "build": "webpack"
  },