首页 > Web开发 > 详细

webpack5搭建vue3教-基础篇

时间:2021-06-10 14:02:03      阅读:40      评论:0      收藏:0      [点我收藏+]

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文件

 const path = require(‘path‘)

  const resolve = (filePath) => {
      return path.resolve(__dirname, filePath)
  }

  module.exports = env => ({
      mode: env,
      entry: {
          main: resolve(‘src/main.js‘)
      },
      output: {
          filename: ‘/js/[name].js‘,
          path: resolve(‘dist‘)
      }
  })

2.配置package.json

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

 

webpack5搭建vue3教-基础篇

原文:https://www.cnblogs.com/zlp520/p/14870592.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!