1.1 什么是Webpack？ 从本质上来讲，webpack是一个现代的JavaScript应用的静态模块打包工具。 前端模块化 在ES6之前，我们要想进行模块化开发，就必须借助于其他的工具，让我们可以进行模块化开发。 并且在通过模块化开发完成了项目后，还需要处理模块间的各种依赖，并且将其进行整合打 ...
转载
2021-10-28 19:56:00
244阅读
2评论
Kubernetes (K8S)是一个开源的容器编排引擎，可以帮助我们管理大规模的容器化应用程序。而Vue.js是一款流行的JavaScript框架，用于构建用户界面。而webpack是一个打包工具，用于将多个文件打包成一个文件。在本文中，我们将详细介绍如何配置Vue项目中的webpack.config.js文件，以实现更高效的开发和构建流程。
首先，让我们来讲解一下整个流程，我们可以将实现“v
原创
2024-05-07 10:01:18
68阅读
处理静态资产 你可能已经注意到，在项目结构中我们有两个静态资产目录：src/assets和static/。他们之间有什么区别？ 要回答这个问题，我们首先需要了解Webpack如何处理静态资产。在*.vue组件中，您的所有模板和CSS都会被解析vue-html-loader并css-loader查找资
转载
2019-04-11 11:06:00
420阅读
2评论
本系列博客汇总在这里：Vue.js 汇总Webpack 详解一、认识 webpack1、什么是 webpack？2、前端模块化3、打包如何理解呢？4、和 grunt/gulp 的对比二、webpack 的安装1、查看自己的 node 版本2、全局安装 webpack3、局部安装 webpack（后续才需要）三、webpack 的起步1、准备工作2、js 文件的打包3、测试 ES6 的写法4、入口...
原创
2022-01-11 13:36:39
155阅读
介绍 webpack是一个前端的静态资源打包工具，能让浏览器也支持模块化。它将根据模块的依赖关系 进行静态分析，然后将这些模块按照指定的规则生成对应的静态资源。 官网：https://webpack.docschina.org/ webpack的作用有下面几点： webpack核心主要进行javas
原创
2022-07-07 11:10:19
973阅读
本系列博客汇总在这里：Vue.js 汇总Webpack 详解一、认识 webpack1、什么是 webpack？2、前端模块化3、打包如何理解呢？4、和 grunt/gulp 的对比二、webpack 的安装1、查看自己的 node 版本2、全局安装 webpack3、局部安装 webpack（后续才需要）三、webpack 的起步1、准备工作2、js 文件的打包3、测试 ES6 的写法4
原创
2021-08-19 15:36:38
731阅读
Vue.js - webpack相关配置注意：有时候使用npm i node-sass -D装不上，这时候，
原创
2023-07-12 22:03:43
163阅读
作者 @Anthony Gore;错误示范全局变量法最不靠谱的方式就是将导入的库挂在全部变量window 对象下：// entry.js:
window._ = require('lodash');
// MyComponent.vue:
export default {
created() {
console.log(_.isEmpty() ? 'Lodash everywhere
转载
2024-02-21 21:21:11
457阅读
在我们的webpack环境中集成Vuejs： 我们希望在项目中使用Vuejs，那么必然需要对其有依赖，所以需要先进行安装，因为我们后续是在实际项目中也会使用vue的，所以并不是开发时依赖： npm install vue --save 然后你就可以在JS文件中【一般有 new Vue 都要写 ， 或
原创
2022-05-31 18:28:52
285阅读
Vue中mixin怎么理解？定义: mixin是为了让可复用的功能灵活的混入到当前组件中，混合的对象可以包含任意组件选项(生命周期，指令之类等等), mixin翻译过来叫混合,高级的词汇可以叫插件入侵简单使用// 定义一个混合对象
const myMixin = {
created: function () {
this.hello()
},
methods: {
he
转载
2024-06-06 17:34:17
95阅读
在开发Vue项目的时候，有时需要使用一些非ES6格式的没有export的js库，可以有如下方法实现:1.在index.html页面使用script标签引入当然也可以使用cdn的地址。这样引入后的内容是全局的，可以在所有地方使用。<!DOCTYPE html>
<html>
<head>
<title>Map</title>
转载
2023-05-29 15:50:16
358阅读
VUE版本：2.9.6一、变量调用1. config.js(外部JS文件)//定义变量或常量
var URL_CONFIG = {
URL : '',
};
var URL_CONFIG2 = {
URL : '',
};
//定义方法test
function test () {
var url="";
console.log(url);
return url;
}
//导
转载
2023-09-18 07:13:15
236阅读
Webpack 在执行的时候，除了在命令行传入参数，还可以通过指定的配置文件来执行。默认情况下，会搜索当前目录的 webpack.config.js 文件，这
原创
2024-05-08 11:43:02
163阅读
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阅读
Loaders cnpm install vue --save webpack.config.js resolve: { // 解决运行时报错 alias: { 'vue$': 'vue/dist/vue.esm.js' } } 使用 import Vue from "vue";
转载
2021-07-07 14:36:00
61阅读
vue-cli & webpack & vue.config.js
Sentry
转载
2021-01-12 10:51:00
249阅读
2评论
目录常用配置完整配置使用vue-cli 3.x 脚手架创建的 vue 项目不再有 build文件夹，若需要进行相关配置，需在项目目录下新
原创
2022-07-12 16:15:22
869阅读
学习目录：Vue.js 简介Vue.js 实例与数据绑定Vue.js 计算属性和侦听器Vue.js 条件渲染和列表渲染Vue.js 事件处理Vue.js 表单输入绑定Vue.js 组件基础Vue.js 组件通信Vue.js 插槽Vue.js 动态组件和异步组件Vue.js 自定义指令Vue.js 过渡和动画Vue.js 混入Vue.js 自定义事件和 v-modelVue.js 渲染函数和 JSX
原创
2023-07-05 02:04:52
283阅读
目录前言安装目录结构起步Vue模板语法Vue条件语句Vue循环语句Vue事件处理Vue表单绑定Vue组件PropVue自定义事件、指令**自定义事件****自定义指令**Vue路由VueAjaxnpm下载axios:全局引入axios例子axios APIaxios跨域问题封装axios结束Vue CLI 教程前言如果你不想看这里
原创
2022-01-11 17:38:39
396阅读
# 如何在Vue中引用jQuery.js文件
## 概述
在Vue中使用jQuery可以为我们提供更多的功能扩展和便利性，本文将介绍如何在Vue项目中引用并使用jQuery.js文件。
## 流程
以下是引用jQuery.js文件的整个流程，我们会逐步介绍每个步骤。
```mermaid
pie
title 引用jQuery.js文件的流程
"创建Vue项目" : 20
原创
2023-08-16 07:10:46
828阅读
