vue-webpack

vue-webpack的基本使用

在webpack目录下新建dist目录,src目录使用npminit-y初始化,生成package.json文件npminstall-S和npminstall-D的区别-S就是--save的简写,--save会将包的名称及版本号放在dependencies里面。-D就是--save-dev这样安装的包的名称及版本号就会存在package.json的devDependencies这个里面给当前项目安
陆_志东·2024-02-01 10:19

Vue - webpack npm run build 报错

最近在学习Vue-webpack的视频教程https://www.imooc.com/video/164022-1vue-loader+webpack项目配置这篇课程真的很坑人，跟着做一毛一样结果不断的报错
我常常问自己我是谁·2024-01-23 09:06

vue-webpack搭建本地服务器

vue搭建本地服务器1.安装webpack-dev-servernpminstallwebpack-dev-server@版本号2.配置webpack.json.jsmodule.exports={...devServer:{contentBase:'./dist',inline:true,port:8080,//在SPA模式页面中,依赖h5中的history模式,在路由中仔细说historyAp
两人走·2023-11-03 04:00

vue-webpack代码混淆、代码压缩设置

package.json"dependencies":{"webpack":"^4.41.3"//webpack版本"webpack-obfuscator":"^2.6.0"//代码混淆版本"compression-webpack-plugin":"6.1.1",//代码压缩版本}webpack.config.prod.jsconstJavaScriptObfuscator=require('we
qzWsong·2023-09-22 07:17

Vue-webpack打包上线后css样式不生效的问题解决

在vue项目中，开发环境的样式没问题。但是webpack打包上线后，样式不生效，本文将讲述如何解决这个问题。样式穿透vue项目中style标签有个scoped属性，当有这个属性时，css样式只会作用于当前组件，对其它组件和子组件不会生效。这个属性为了解决样式污染的问题。但是我们需要父组件的样式也能对子组件生效，怎么办，比如父组件有个class为a,子组件也有a,如果想要只在父组件写一次，我们就可以
Renaissance_·2023-08-03 02:11

vue.js-快速构建webpack项目模板

前言官方基于webpack提供了两种项目模板，分别是vue-webpack-simple模板和vue-webpack模板，今天我们将介绍官方提供的这两种项目模板，并用vue-webpack-simple
oulafen·2023-04-07 22:43

vue-webpack项目配置以及打包流程详解

vue-webpack项目配置以及打包流程详解我认为如果你要用webpack打包项目，首先你需要有一个思维的转化，传统来说前端项目都是从html文件为入口开始运行项目，但是你使用了webpack后就不能这么想了
qiqi七七qiqi·2023-02-17 12:05

2019-05-19：三分钟搭建一个vue-webpack项目

by草梅友仁项目地址https://github.com/CaoMeiYouRen/simple-vue-webpack上面的打不开可以访问这个地址https://gitee.com/caomeiyouren/simple-vue-webpack使用新建一个目录，然后切换到该目录运行以下命令即可，前提是已经安装了gitgitclonehttps://github.com/CaoMeiYouRen/
草梅友仁·2023-02-06 19:28

现场管理系统-B端

,web后台审核技术栈:Vue-cli,Element-UI,es5,html5,css3,bootstrap,sass,jQuery,webpack,git,mock.js,npm实现逻辑:主要运用Vue-webpack
好奇而已·2023-02-03 09:58

VUE-webpack超详细教程

一.认识webpack官网解释：从本质上来讲，webpack是一个现代的JavaScript应用的静态模块打包工具。从模块化和打包两个角度来理解：模块化：webpack其中一个核心就是让我们可能进行模块化开发，并且会帮助我们处理模块间的依赖关系，而且不仅仅是JavaScript文件，CSS、图片、json文件等等在webpack中都可以被当做模块来使用打包:合并成一个或多个包(Bundle),并且
ICanWin_lll·2022-12-06 09:02

Vue-webpack打包教程

webpack1.创建项目并在终端初始化npminit-y在项目目录下回生成一个package.json文件2.在项目目录下创建src文件夹，在src目录下创建index.html文件和index.js文件index.html内容为：123453.在终端安装jQuerynpminstalljquery-S//npmijquery建议这样写会在项目目录下生成一个package-lock.json文件
h_jQuery·2021-05-12 11:02

vue-webpack 打包过大的问题

使用vue的webpack模版开发项目时，我们习惯使用npminstall安装各种组件和依赖到本地，但引入的组件越来越多，打包时可能会导致vendor.js过大的问题，导致加载很慢。首先我们了解一下vue在runbuild之后，dist里面的文件有哪些：首先要理解为什么会有以下三个文件：webpack应该是会在最后一个CommonsChunkPlugin产出的chunk注入webpackJsonp
a坤·2020-09-15 08:54

VUE-webpack打包，部署之后发现资源文件找不到

方案：1.在config->index.js里面，如下修改2.在build->utils.js里面修改如下：1、图片资源放在assets->img文件夹下面img标签引入图片css使用图片background:url('../assets/img/loginback.png')no-repeattopleft;2、图片资源放在static->img文件夹下面img标签引入图片css使用图片back
a坤·2020-09-15 08:54

vue-webpack中多环境的配置、关于router-view不同路由使用同一组件的业务场景不会触发created或者mounted的问题

多环境vue-cli默认只提供了dev和prod两种环境。但其实正真的开发流程可能还会多一个sit或者stage环境，就是所谓的测试环境和预发布环境。所以我们就要简单的修改一下代码。其实很简单就是设置不同的环境变量"build:prod":"NODE_ENV=productionnodebuild/build.js","build:sit":"NODE_ENV=sitnodebuild/build
memedadexixaofeifei·2020-08-15 17:11

webpack从零开始第6课:在Vue开发中使用webpack

插件篇第5课:模块篇第6课:在Vue开发中使用webpack本文参考文档vuevuexvue-routervue-loaderawesome-vue精彩的vuevue-cli写在前面vue官方已经写好一个vue-webpack
大灰狼的小绵羊哥哥·2020-08-11 13:33

Vue-webpack项目中使用Element UI组件库

Vue-webpack项目中使用ElementUI组件库一、使用VueCli初始化项目打开命令行工具，cd到桌面输入vueinitwebpack项目名，初始化项目。
qq_43893277·2020-07-29 23:04

vue-webpack项目配置以及打包流程详解

我认为如果你要用webpack打包项目，首先你需要有一个思维的转化，传统来说前端项目都是从html文件为入口开始运行项目，但是你使用了webpack后就不能这么想了。webpack是依赖于node环境的，node是基于commonjs模块规范以及javaScript的后台编程框架，而前端html依赖的是浏览器环境，你看这个环境都变了，如果你以浏览器环境的思考方式来读懂webpack打包，是不是势必
qiqi七七qiqi·2020-07-14 18:19

vue-webpack项目本地开发环境设置代理解决跨域问题

vue-webpack项目本地开发环境设置代理解决跨域问题前言：一般跨域问题只要后端配置好的话，是不需要前端做处理的，但也不能保证你遇到的所有后端都能很好的处理这个问题，这个时候可能就需要前端设置代理解决这个问题了
全情海洋·2020-07-08 07:00

全套安装node、git、npm、cnpm、vue-webpack

每次用vue的时候都要去百度这些地址，为了方便，就自己记录一下安装过程，以便查看。1.安装node.jsNode.js官方下载页面：https://nodejs.org/en/download/current/直接下载最新版进行安装查看是否安装成功：node-v2.安装npm输入命令：npminstall查看是否安装成功：npm-v3.安装cnpm输入命令：npminstall-gcnpm--re
清酒白粥·2020-07-07 22:35

如何从零开始搭建一个vue-webpack项目

1.从Node.js官网下载node安装包进行安装。http://nodejs.cn/download/安装完成后在cmd中输入node-v查看node.js版本号，npm-v查看npm版本号；npm是node的一个包管理器2.安装vue-clivue-cli是vue的一个脚手架工具，可以帮助你搭建一个完整的vue项目使用npminstallvue-cli-g进行安装-g为全局安装3.使用命令行进
戏铃人·2020-07-04 23:13

5步搞定vue-webpack前端项目本地启动

前端解决方案之一，vue-webpack之类的模式，后端提供httpAPIJSON格式的数据。Web前端工程师和Java/PHP/Python各自开发，然后联调。
小雷FansUnion·2020-07-04 05:59

【vue系列之一】使用vue-cli脚手架工具搭建vue-webpack项目

最近更新了webpack配置详解，可移步vue-cliwebpack详解对于Vue.js来说，如果你想要快速开始，那么只需要在你的html中引入一个标签，加上CDN的地址即可。但是，这并不算是一个完整的vue实际应用。在实际应用中，我们必须要一系列的工具，包括：模块化，转译，预处理，热加载，静态检测和自动化测试等。对于一个需要长期维护和大型的项目而言，这些工具是必不可少的，但是尝试配置初始化这些很
weixin_30621919·2020-06-27 22:12

# webpack 打包工具（vue）

vue-webpack打包工具我的githubiSAM2016不是教程，是自我总结目录webpack.base.conf.jswebpack.dev.conf.jswebpack.prod.conf.js
djj1220·2020-06-23 04:49

Vue.js——60分钟webpack项目模板快速入门

官方基于webpack提供了两种项目模板，分别是vue-webpack-simple模板和vue-webpack模板，今天我们将介绍官方提供的这两
dengjie0448·2020-06-23 03:47

单页应用还是多页应用，哪些场景适合单体项目vue-webpack？

现在，Vue-Webpack模式非常流行。一、什么时候，选择使用vue-webpack这一套，开发单页应用。
小雷FansUnion·2020-06-21 20:50

[SpringBoot+VueJs] 3.1 VueJS 2.0 + Webpack工程介绍

工程介绍3.2Admin-LTE介绍及使用3.3VueJS一些基础知识3.4项目中用到的和VueJS的开源组件前言官方基于webpack提供了两种项目模板，分别是vue-webpack-simple模板和vue-webpack
professorLea·2020-01-05 16:10

3步轻松搞定vue--webpack项目环境搭建！

这里我们就不讲webpack的配置，而是直接通过脚手架工具搭建一个已经配置好基础打包功能的vue-webpack的项目。个别需求请自行配置。
lxf_李晓凤·2019-12-22 21:13

vue+webpack构建项目（小白）

1、首先要新建一个项目，名字vue-webpack。（随意）确保装有node环境,npm管理工具。
半瓶不满·2019-11-04 06:43

Vue-webpack

当前web开发的困境：文件错综复杂，依赖关系错乱，js兼容问题，代码压缩混淆问题一、webpack是什么webpack是一个流行的前端项目构建工具，可以解决目前web开发的困境。webpack提供了模块化支持，代码压缩混淆，解决js兼容问题，性能优化等特性，提高了开发效率和项目的可维护性二、使用webpack的目的构建项目
zhouhao_180·2019-06-26 17:19

vue+webpack4.0 生产环境手动一步一步配置 （持续更新中......）

vue-webpack介绍vue+webpack手动搭建过程，熟悉webpack的配置，loader&插件的使用介绍目标：熟悉webpack的配置，loader&插件的使用通常新建vue项目都使用vue-cli
缓缓先生·2019-06-21 00:00

vue-webpack打包后图片找不到

一、问题描述项目在使用webpack打包后，很常见的一个问题就是dev环境可见的图片在打包之后找不到文件。二、异常原因1.图片未被打包当使用的图片url是动态拼接的，可能会出现webpack没有检测到该图片被引用的问题，所以打包后图片因为不存在而找不到。2.图片路径错误当一个图片被多次引用，当使用的是动态拼接为打包前图片存放的路径会找不到图片，因为打包时会把动态生成的路径直接存下来，不会将其二次转
StevenDIY·2019-03-22 09:28

记一次vue-webpack项目优化实践详解

项目现状项目是一个数据监测平台，引入了ehcart和three.js负责项目的数据可视化；打包后，体积高达2.1M，这个体积相比于我的项目规模来说就显得稍有笨重了使用webpack-bundle-analyzer分析了一下各个文件所占用的比例：整个项目文件分布大体清晰了，现在开始优化走起！优化思路根据wba的显示，第三方插件是大部头，包括three.jsechart组件和elementUI组件。t
蔺相如如·2019-02-17 17:31

记一次vue-webpack项目优化实践【更新】

项目现状项目是一个数据监测平台，引入了ehcart和three.js负责项目的数据可视化；打包后，体积高达2.1M，这个体积相比于我的项目规模来说就显得稍有笨重了使用webpack-bundle-analyzer分析了一下各个文件所占用的比例：整个项目文件分布大体清晰了，现在开始优化走起！优化思路根据wba的显示，第三方插件是大部头，包括three.jsechart组件和elementUI组件。t
蔺相如如·2019-02-15 00:00

使用vue-cli脚手架工具搭建vue-webpack项目

最近更新了webpack配置详解，可移步vue-cliwebpack详解对于Vue.js来说，如果你想要快速开始，那么只需要在你的html中引入一个标签，加上CDN的地址即可。但是，这并不算是一个完整的vue实际应用。在实际应用中，我们必须要一系列的工具，包括：模块化，转译，预处理，热加载，静态检测和自动化测试等。对于一个需要长期维护和大型的项目而言，这些工具是必不可少的，但是尝试配置初始化这些很
TJYoung·2019-01-14 10:42

解决WebStorm使用Vue-webpack卡顿问题

  我们在使用Vue时，经常会遇到项目卡顿的情况，这主要是因为Vue的webpack打包时会生成一个node_modules模块，该模块内含至少上万个文件，因而往往会造成WebStorm出现卡顿的情况。  该问题的解决方法有这么几种：增大WebStorm的内存  WebStorm的内存参数修改地址文件所在位置为：..\bin\WebStorm.exe.vmoptions  该文件内容如下，一般我们
张侦毅·2018-10-20 11:13

使用vue-cli脚手架工具搭建vue-webpack项目

Vue和Angular、React都是前端框架1、单页面框架、2、基于模块化组件化的开发模式Vue简单灵活高效国内的中小企业里面用的非常多搭建vue的开发环境：1、必须要安装nodejs2、搭建vue的开发环境，安装vue的脚手架工具官方命令行工具npminstall--globalvue-cli/cnpminstall--globalvue-cli（此命令只需要执行一次）3.1、创建项目必须cd
Anguler_·2018-09-29 18:46

vue-cli脚手架工具搭建vue-webpack项目

vue-cli是vue官方的脚手架工具，主要的功能是初始化项目。主要作用：目录结构、本地调试、代码部署、热加载、单元测试本机环境：Win1064位搭建流程1.安装node.js→前往Node.js官方网站https://nodejs.org/en/→下载适合本机环境的Node版本(建议安装LTS稳定版,按下一步下一步傻瓜式安装，忽略介绍)→验证Node是否安装成功：按快捷键【WIN+R】打开命令面
白雪公主960·2018-07-31 14:18

Webpack 中 css import 使用 alias 相对路径的方法

在Vue项目中，我们通常使用vue-webpack脚手架生成工程模板，然后配置@为项目根目录下放资源和源码的/src目录的别名；...,resolve:{...,alias:{'@':resolve('
佚名·2018-07-24 16:40

搭建vue脚手架(vue-cli)，创建vue-webpack项目

一、对于vue.js来说，如果你想要快速开始，那么只需要直接到官网下载vue.js并引用标签，vue就会被注册成一个全局变量。下载地址：vue官网https://cn.vuejs.org/v2/guide/installation.html或者使用CDN方法：二、（不推荐新手）在用vue构建大型应用时推荐使用vue脚手架工具(vue-cli)，只需要几分钟的时间就可以运行起来并带有热重载、保存时l
木子、·2018-07-21 17:05

vue-webpack项目安装及配置

快速部署#全局安装vue-cli$npminstall--globalvue-cli#创建一个基于webpack模板的新项目$vueinitwebpackmy-project#安装依赖，走你$cdmy-project$npminstall$npmrundev详细部署基本环境node安装及安装成功验证安装node程序检验安装成功及版本校验使用自带的cmd命令行使用windows下gitbashnod
小淘气_嘻·2018-07-13 11:02

postcss支持vue/less/css/sass文件

使用vue-webpack初始化的构建环境，想要让px2rem同时支持.vue和.less文件的px转换的正确、优雅的配置是如何的？
陶留军·2018-05-03 00:00

使用vue脚手架工具搭建vue-webpack项目

1.安装node环境第一步检测是否安装node；没有安装node的同学请到官网下载安装https://nodejs.org/en/download/2.安装vue脚手架工具vue-clinpminstallvue-cli-g3.准备工作已经完毕，下面直接使用vue-cli初始化webpack项目；vueinitwebpackyourprojectname(项目名)4.安装依赖$npminstall
Amani_9b01·2017-11-26 18:51

关于Vue - Webpack 项目打包出现的一些问题

关于Vue-Webpack项目打包出现的一些问题目前项目打包过程中出现了一些错误，折腾了一会，通过查阅资料解决了次相关的问题，特此记录。
西兰花的春天·2017-11-03 20:24

karma如何与测试框架合作2之webpack

抛出疑问在现有的karma+webpack项目里，我们经常看到这样的配置，以vue-webpack生成的代码为例：//index.js//requirealltestfiles(filesthatendswith.spec.js
zpczjl·2017-09-26 00:00

Vue-webpack项目配置详解

Vue-webpack项目配置详解1、首先我们在构建vue项目后，就得先了解vue的项目结构├──build---------------------------------webpack相关配置文件│
code_designer·2017-08-18 18:26

详解使用vue脚手架工具搭建vue-webpack项目

对于Vue.js来说，如果你想要快速开始，那么只需要在你的html中引入一个标签，加上CDN的地址即可。但是，这并不算是一个完整的vue实际应用。在实际应用中，我们必须要一系列的工具，包括：模块化，转译，预处理，热加载，静态检测和自动化测试等。对于一个需要长期维护和大型的项目而言，这些工具是必不可少的，但是尝试配置初始化这些很痛苦.这就是我们发布vue官方提供的脚手架工具的原因，一个简单的构建工具
TJYoung·2017-05-10 08:34

Vue.js——60分钟webpack项目模板快速入门

官方基于webpack提供了两种项目模板，分别是vue-webpack-simple模板和vue-webpack模板，今天我们将介绍官方提供的这两
keepfool·2016-07-17 13:00
上一页 1 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他