webpack配置vue（2）

最新推荐文章于 2024-09-13 14:55:21 发布
最新推荐文章于 2024-09-13 14:55:21 发布
阅读量274 收藏
点赞数
分类专栏： vue2
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Rashu99/article/details/114231299
版权

webpack配置vue

书接上文

  1. 安装vue npm install vue --save
  2. 在main.js里 导入vue 创建vue实例

在这里插入图片描述
3. 在webpack.config.js里加上 alias 别名 意思是以vue结尾的 去找vue下的dist下的vue.esm.js vue目录是刚才装在node包里
在这里插入图片描述
在这里插入图片描述

如果不写这个 就会报错
在这里插入图片描述
意思是runtime-only 这个版本 代码中不能有任何的template
虽然没有定义< template > 但是挂载的app在这里插入图片描述
相当于 vue实例

最低0.47元/天 解锁文章
Rashu99
关注
专栏目录
Vue2，Webpack的基础配置以及使用脚手架创建工程
qq_45188736的博客
02-28 1286
看懂Webpack，去使用脚手架来系统的创建你的项目吧
webpack5vue2
02-25
8. **配置优化**：针对 Vue 2 项目，Webpack 配置应包含对 Vue 的特别处理，例如设置 alias 将 `@` 指向源码目录，配置 resolve.extensions 以便自动查找 Vue 文件，以及使用 vue-loader 处理 .vue 文件。...
超级详细的手写webpack4配置来启动vue2项目（附配置作用）
weixin_34203426的博客
02-24 156
基础目录结构以及各个文件的作用 初始npm项目 npm init 一路回车，一律使用默认的npm项目配置 package.json修改scripts 如下： { "name": "doing-a-webpack4-vue2-pro", "version": "1.0.0", "description": "超级详细的手写we...
vue2 webpack打包配置
最新发布
m0_46159356的博客
09-13 717
webpack打包后出现的问题以及解决方案
Vue2之vue.config.js的webpack配置文件详解
热门推荐
Mr.小灰狼_随笔
02-25 1万+
Vue 之 vue.config.js 的webpack配置文件详解 目录 一、常用配置项 1、导出模块 2、publicPath 部署应用包的基本Url 3、outputDir 输出文件目录 4、assetsDir 打包后生成的静态资源目录 5、lintOnSave 6、productionSourceMap 生产环境的 source map 7、​​​​​​​devServer 8、css相关配置
webpack搭建vue2项目
qq_56313338的博客
12-28 2158
完成后就可以开发vue2程序了。这只是最简单的一个示例其中还可以加入更多功能，使用官方的cli肯定更方便的。
手动使用webpack配置vue3开发环境
05-09
2. **安装Vue 3**：使用 npm 安装 Vue 3 CLI，运行 `npm install -D vue@next`。Vue CLI 可以快速搭建项目，但本案例是手动配置，所以不使用 CLI。 3. **安装Webpack**：安装 Webpack 和 webpack-cli，它们是构建...
webpack+vue2构建vue项目骨架的方法
08-28
Webpack+Vue2构建Vue项目骨架的方法 本篇文章主要介绍了使用Webpack和Vue2构建Vue项目骨架的方法。通过本篇文章，我们可以了解使用Webpack和Vue2构建一个基本的前后端分离项目的骨架。 一、项目初始化 在开始构建...
详解如何使用webpack在vue项目中写jsx语法
11-27
在Vue项目中使用jsx语法，主要是借助Webpack的配置和Babel插件的转换能力。Vue 2.0虽然原生不支持JSX，但由于其强大的虚拟DOM机制，开发者可以选择使用jsx来编写组件的渲染逻辑。jsx是一种在JavaScript中插入XML语法...
04-webpack配置vue.rar
05-06
在 Vue 项目中配置 Webpack 可以实现更高效、灵活的构建流程。 Vue 组件化的基本概念： 1. **组件（Component）**：组件是 Vue.js 的核心，它可以看作是一个独立的、可复用的 Vue 实例。每个组件都有自己的视图和...
webpackvue2多入口配置实例
08-10
webpack vue2 多入口配置实例
VUE2.7项目配置webpack打包-详细操作步骤
CC酱写前端的博客
06-07 2764
Webpack是一个打包工具，可以把JS、CSS、Node Module、Coffeescrip、SCSS/LESS、图片等都打包在一起，因此，现在几乎所有的SPA项目、JS项目都会用到Webpack。GitHub为https://github.com/webpack/ webpack。
vue2项目从0搭建(三):配置环境变量及对应的webpack配置
m0_54741495的博客
11-24 3171
实际业务开发中,一个项目很可能会同时配置好几套环境。比如:常规开发环境,开发测试环境,正式的测试环境,预发测试环境,客户甲的生产环境,客户乙的生产环境,通用生产环境,独立应用环境,微前端环境,大屏专用环境,移动端环境。一女多嫁的实际业务场景,就需要我们进行多样化的环境配置。不同的环境需要有不同的一些标识,也要有一些不同的webpack配置或者资源优化。个人认为这里的知识是十分重要的,因为这里对于工作中实际交付项目或者多客户客制化开发是很重要的。
2024年最新2024基于webpack从0搭建vue项目，vue2(3)，2024年最新面试web前端开发十大问题是什么
2401_84617302的博客
05-14 382
基础知识是前端一面必问的，如果你在基础知识这一块翻车了，就算你框架玩的再6，webpack、git、node学习的再好也无济于事，因为对方就不会再给你展示的机会，千万不要因为基础错过了自己心怡的公司。前端的基础知识杂且多，并不是理解就ok了，有些是真的要去记。当然了我们是牛x的前端工程师，每天像背英语单词一样去背知识点就没必要了，只要平时工作中多注意总结，面试前端刷下题目就可以了。开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】// 配置 pluginplugins: [
在webpack中使用vue
小方块的世界
01-18 714
这篇文章主要介绍如何在webpack中使用vue。 1. 基于webpack-study构建的项目框架在webpack中使用vue 1.1 将webpack-study中除了node_modules文件夹都拷贝到新的项目中，src目录下只保留main.js和index.html 1.2 安装vue # 重新安装所有依赖包 npm i # 将vue安装到项目的依赖中 npm i vue ...
webpack中使用vue
u011581852的博客
04-03 427
webpack中使用vue1 安装依赖2 导入vue 1 安装依赖 npm i vue -D 2 导入vue main.js 注意： 在 webpack 中， 使用 import Vue from ‘vue’ 导入的 Vue 构造函数，功能不完整，只提供了 runtime-only 的方式，并没有提供像网页中那样的使用方式； import Vue from 'vue' 包的查找规则： 找 项目根目录中有没有 node_modules 的文件夹 在 node_modules 中 根据包名，找对应的 vu
在webpack项目中使用vue
qq_42767647的博客
07-08 290
步骤： 1.安装插件 2.import并挂载，注意大小写 3.运行
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值