1、项目根目录初始化package.json: npm init2、下载css与style的loader配置webpack中的css解析npm install css-loader style-loader --save-dev3、下载babel，webpack配置es6语法npm install babel-core babel-loader babel-plugin-transform-
原创
2022-11-20 00:41:19
101阅读
前言 如果我们想在webpack中使用vue，就需要在webpack中配置vue 配置vue 首先，我们需要在项目中安装vue，安装命令如下： npm install vue --save 安装完成后，我们在主入口main.js文件中导入vue并创建一个实例 import Vue from 'vue
原创
2021-07-13 11:05:34
277阅读
一、依赖安装首先考虑到一个vue项目需要用到的库有vue、element-ui、axios，先进行安装npm i vue element-plus axios安装完后会生成package-lock.json、package.json和node_modules，安装的版本如下： 然后要安装webpack及需要用到的loader -D为安装开发依赖，只用于开发环境，安装完后会被写入package.js
转载
2024-04-18 16:39:14
2093阅读
前端工程化解决方案： 目前主流：webpack webpack vue、react都是基于webpack 隔行变色案例 新建空白文件夹，运行npm init -y指令 文件夹里新建src文件夹 ul>li{这是第$个li}*9 <!DOCTYPE html> <html lang="en"> <he ...
转载
2021-09-16 14:02:00
154阅读
2评论
前端工程化解决方案： 目前主流：webpack webpack vue、react都是基于webpack 隔行变色案例 新建空白文件夹，运行npm init -y指令 文件夹里新建src文件夹 ul>li{这是第$个li}*9 <!DOCTYPE html> <html lang="en"> <he ...
转载
2021-09-16 14:02:00
610阅读
2评论
一. 在webpack中配置vue 了解了webpack的原理和用法以后, 我们来引入Vue webpack原理和用法详解链接: cnblogs.com/ITPower/p/14467745.html 第一步: 需要在webpack中引入vue.js 如何引入呢? npm install vue -
原创
2021-06-04 10:25:25
181阅读
一、介绍 vue的runtime-only版本和runtime-compiler版本： runtime-only版本：代码中不可以有任何的template runtime-compiler版本：代码中可以有template，此版本有编译template的代码 二、vue安装 1. 安装方式： 下载j ...
转载
2021-10-20 20:37:00
306阅读
2评论
一.什么是路由：1.理解： 一个路由（route）就是一组映射关系（key - value），多个路由需要路由器（router）进行管理。2.前端路由：key是路径，value是组件。二.基本使用：1.安装vue-router，命令：npm i vue-router2.应用插件：Vue.use(VueRouter)3.编写router配置项：4.实现切换5.指定展示位置<router-vie
转载
2023-07-05 17:00:36
472阅读
Webpack 在执行的时候，除了在命令行传入参数，还可以通过指定的配置文件来执行。默认情况下，会搜索当前目录的 webpack.config.js 文件，这
原创
2024-05-08 11:43:02
163阅读
vue配置路由连接：https://router.vuejs.org/zh/installation.html 额外： 运行vue的两种方法： 一. 1.点击项目文件夹，右键，打开在文件资源管理器中显示 2.打开文件夹路径，输入cmd,运行，打开命令管理器 3.输入运行命令 4.运行成功 二. 1. ...
转载
2021-09-06 17:16:00
392阅读
2评论
vue配置路由连接：https://router.vuejs.org/zh/installation.html 额外： 运行vue的两种方法： 一. 1.点击项目文件夹，右键，打开在文件资源管理器中显示 2.打开文件夹路径，输入cmd,运行，打开命令管理器 3.输入运行命令 4.运行成功 二. 1. ...
转载
2021-09-06 17:16:00
2402阅读
2评论
手动配置Vue-router环境1、下载包： npm i vue-router --save或者 npm i vue-router --S 或者用cdn引入2、创建路由的js文件（路由、子路由、重定向、开启history模式）createRouter、createWebHistory//路由文件
import { createRouter, createWebHistory } from 'vue
Vue路由配置和使用项目中引入路由模块yarn安装vue-router插件yarn add vue-router在项目目录中新建’route’文件夹，新建index.js和routes.jsroutes文件用于建立建立路由表，方便管理//引入需要的路由文件,页面都存放在view文件夹中
import Father from '../../view/father.vue'
import Son fr
转载
2024-09-02 10:34:47
331阅读
目录理解一.基本使用1.安装2.应用插件3.编写 router 配置项二、多级路由三、路由器的两种工作模式hash模式：history模式：四、注意事项 理解vue 提出了路由 route 的概念。 vue 中的路由 route ，是一组映射关系（ key - value ），key 是路径，val
转载
2024-05-30 10:58:55
638阅读
npm install --save-dev sass-loader node-sassindex.html<!DOCTYPE html><html> <head> <meta charset=" </body></.
原创
2022-08-19 11:45:14
235阅读
Vue.js - webpack相关配置注意：有时候使用npm i node-sass -D装不上，这时候，
原创
2023-07-12 22:03:43
163阅读
目录常用配置完整配置使用vue-cli 3.x 脚手架创建的 vue 项目不再有 build文件夹，若需要进行相关配置，需在项目目录下新
原创
2022-07-12 16:15:22
869阅读
Loaders cnpm install vue-loader@14 vue-template-compiler --save-dev webpack.config.js module: { rules: [{ test: /\.vue$/, use: ['vue-loader'] }], }, A
转载
2021-07-07 16:44:00
108阅读
