webpack3 第5页

vue-cli之webpack3构建全面提速优化

前言伴随着vue的全球化，各种vue的组件框架越来越完善，从早期的element-ui到vux，iview等越来越多高质量的项目，使用vue进行前端构建已然是一件工程化，模块化，敏捷化的事情在这其中，相信很多人都会选择官方的vue-cli初始化工程模板，然后通过引入第三方组件框架和工具的方式进行开发构建，我个人也十分推崇这种做法。但是vue-cli初始化的项目模板毕竟是面向所有开发者的，在兼容性方

weixin_33795833·2020-08-21 06:41

从webpack3+转成Vue CLI 4+遇到的问题, Zlib解压缩速度变慢

问题背景前端项目使用Vue框架，之前一直使用VueCLI2推荐的webpack打包方式,使用原生webpack进行配置,webpack版本3+.最近修改了打包方式,升级到了VueCLI4+.问题描述前端服务接受服务器传来的数据,进行解压,然后进行其他处理.这里面解压使用的是nodejs提供的zlib.unzip进行解压.主要代码如下://data为请求到的数据varbuffer=Buffer.fr

左手一杯酒·2020-08-21 05:14

一次webpack3升级为webpack4的实践

这次webpack升级提升了不少构建速度：生产打包提升了30%；开发构建提升40%，开发热更新提升70%之前尝试过一些在webpack3的基础上做的构建优化，例如引入HappyPack优化构建速度，开启

趁你还年轻·2020-08-21 04:46

vue项目性能优化4，优化：gzip压缩

基于webpack3、vue2和vue-cli2的性能优化。gzip压缩，包括vue配置、nginx配置。

re思维·2020-08-21 02:38

使用webpack3进行js代码压缩报错:Cannot read property 'compilation' of undefined

问题出在按照官网去安装了下面这个包npmi-Duglifyjs-webpack-plugin安装了beta版解决问题npminstalluglifyjs-webpack-plugin@beta--save-dev附上原问题链接:https://segmentfault.com/q/1010000010119450

阿扣啊·2020-08-20 21:21

前端环境安装

前端环境安装1node.js1.1下载地址1.2安装1.3测试2包资源管理器NPM2.1什么是NPM2.2NPM命令3Webpack3.1什么是Webpack3.2Webpack安装1node.js1.1

三个和尚_·2020-08-20 11:06

总监面

原文基于Webpack3.0配合Loader、插件、工具的使用，搭建前端主流Vue、React、Angular的开发环境和项目框架，进行模块打包、体积优化、启动server等需求。

weixin_34281477·2020-08-19 21:56

自动化构建工具3-webpack

首先下载webpack3***版本n

非忆·2020-08-18 18:55

vue.js+muse-ui制作在线简历编辑

实现一个在线个人简历编辑器，实现在线编辑，生成简历图片，运用到技术：1.vue.js2.webpack3.muse-ui（https://museui.github.io）4.html2canvas.js

ssfzFZ·2020-08-18 16:59

解决报错Cannot find module 'webpack'问题

文章目录1.全局安装webpack2.进入项目目录linkwebpack3.再次打包运行项目npmrunstart发现报错4.安装extract-text-webpack-plugin5.安装webpack-merge6

gxgalaxy·2020-08-18 11:10

webpack3笔记

Webpack简介Webpack概述https://finget.github.io/2018/02/08/webpack/本质上，webpack是一个现代JavaScript应用程序的静态模块打包器(modulebundler)。当webpack处理应用程序时，它会递归地构建一个依赖关系图(dependencygraph)，其中包含应用程序需要的每个模块，然后将所有这些模块打包成一个或多个bun

大灰狼的小绵羊哥哥·2020-08-18 02:51

关闭eslint代码规范检查

如果需要关闭请忽略以上的话，嘻嘻单文件关闭eslint代码规范检查webpack3.x下关闭eslint代码规范检查webpack4.x下关闭eslint代码规范检查1.单文件关闭eslint代码规范检查

virus578·2020-08-18 01:47

Webpack4 入门笔记

文章目录一、webpack快速体验1.webpack是什么2.webpack有什么作用3、Webpack环境配置和简单打包3.1、安装node3.2、创建package.json文件3.3、安装webpack3.4

读不懂的答案·2020-08-16 17:12

vue-cli2.9.2版本和webpack3.6.0版本在饿了么项目中mock数据的变化

在低于vue-cli2.9.2版本和webpack3.6.0版本中的饿了么项目中的mock数据操作如下：在dev-server.js文件中直接设置，具体参数是而在vue-cli2.9.2版本和webpack3.6.0

soxiuzi·2020-08-16 08:11

百度前端一面

1.说一下自己最熟悉的一个项目，在做项目时遇到了什么问题，是怎么解决的；2.webpack的配置项有哪些；3.webpack3和webpack4的区别；4.vue-router有几种方式切换路由，如何监听路由变化

颖_恋·2020-08-16 04:30

vue-cli 构建vue项目升级webpack4

看一下composer.json可以看到默认使用的是webpack3依赖升级webpack:

叮了个丁·2020-08-15 22:46

了不起的 Webpack Scope Hoisting 学习指南

ScopeHoisting是webpack3的新功能，直译为“「作用域提升」”，它可以让webpack打包出来的「代码文件更小」，「运行更快」。

【电:18230062509】·2020-08-15 20:57

搭建 vue2 vue-router2 webpack3 多入口工程

getMessage().'"time":"'.$time.'"'; Log::write($msg,'ERR','',$destination); } }}转载于:https://blog.51cto.com/duiker/1980512

weixin_33979745·2020-08-15 20:28

vue-cli项目打包优化(webpack3.0)

1.修改source-map配置：此配置能大大减少打包后文件体积。a.首先修改/config/index.js文件:///config/index.jsdev环境：devtool:'eval'（最快速度）prod环境：productionSourceMap:false（关闭source-map）b.然后修改/src/main.js文件，关闭生产环境的调试信息///src/main.jsconsti

weixin_33889245·2020-08-15 20:24

webpack3-出入口以及服务配置

1、入口文件配置——entry选项入口起点指示webpack应该使用那个模块，来作为构建其内部依赖图的开始。进入入口起点后，webpack会找到哪些模块和库是入口起点（直接和间接）依赖的。语法：entry:string|Array或：entry:{[entryChunkName:string]:string|Array}例如：1、entry:"./src/entry.js"2、entry:['

tang_yi_·2020-08-15 19:41

vue-cli 的压缩图片

安装成功：用vue-V;检测；2.vueinitwebpack-simplemyproject;//一般的中小项目用webpack-simple就可以了；myproject是我工程的名字；大型项目就用webpack3

小镇青年有big梦想·2020-08-15 19:40

webpack简单配置

后期对项目的配置使得我们对于脚手架自动生成的代码的理解更为重要，接下来我将基于webpack3.6.0版本结合文档将文件各个击破，纯干料。重点章节点

马优晨·2020-08-15 19:49

【转】搭建 vue2 vue-router2 webpack3 多入口工程

本文主要介绍如何在此基础上来改造为多入口。多入口指的是webpack配置项entry配置为包含多个key的数组或者对象，即MPA（multipleentrypoints），那么什么情况下会配置多入口？一般用vue大部分是做SPA（oneentrypoint），因为SPA能更好的配合vue-router，那么我个人想到了几个可能的场景，下面将结合设想的场景来说明如何配置。Github地址：https

dingzhui2715·2020-08-15 18:06

用webpack3.x教程学习webpack4.X中遇到的一些问题，及总结

JSjsjsx.coffee.ts(TypeScript类C#语言)CSS.css.less.sass.scssImagesjpg.png.gif.bmp.svg字体文件(Fonts)..svg.ttfeot.woff.woff2模板文件.ejs.jade.vue【这是在webpack中定义组件的方式,推荐这么用】"网页中引入的静态资源多了以后有什么问题???1,网页加载速度慢,因为我们要发起很多

刘杰强·2020-08-15 18:47

vue-cli3+ts+webpack实现多入口多出口

使用的是vue2.x+webpack3.x集成的多入口多出口，感兴趣的小伙伴可以看看。然而，公司领

weixin_34352449·2020-08-15 18:11

webpack3--配置多入口和多出口

上一篇我们稍微提到了webpack.config.js。今天主要来说下如何配置多入口，多出口。我们之前写到的webpack.config.js，具体代码如下：module.exports={mode:'development',//入口entry:__dirname+'/src/entry.js',//出口output:{path:__dirname+'/dist',filename:'bundl

weixin_34167043·2020-08-15 18:10

webpack3.x 多入口打包的简单配置

目录结构dist是生成的目录pages是你的多入口文件的目录我把每个入口的文件的js和css都抽离出来了，静态资源集中放在同一个目录首先是webpack.config.jsconstwebpack=require('webpack');constpath=require('path');//匹配文件constglob=require('glob')//自动安装比如JS中的requireimport

重复过往·2020-08-15 17:21

手把手教你webpack3（3）入口（多入口）entry

前注：文档全文请查看根目录的文档说明。如果可以，请给本项目加【Star】和【Fork】持续关注。有疑义请点击这里，发【Issues】。3、入口（多入口）示例目录在上面的webpack.config.js中，有如下代码：//入口文件，指向app.jsentry:'./app.js',以上代码相当于：entry:{main:'./app.js'}如果是普通的项目（单入口），那么按照上面的方式写（ent

qq20004604·2020-08-15 17:44

手把手教你webpack3（12）VUE-LOADER配置简述

VUE-LOADER配置简述前注：文档全文请查看根目录的文档说明。如果可以，请给本项目加【Star】和【Fork】持续关注。有疑义请点击这里，发【Issues】。DEMO地址0、使用说明首先你得会用Vue.js，不然可能对本文部分内容无法理解安装：npminstall运行：//开发模式（推荐使用这个）npmrundev//普通模式（需要执行后手动刷新页面）npmruntest单独安装Vue-loa

qq20004604·2020-08-15 07:11

什么是WebPack，为什么要使用它？

webpack1.0+，2.0+请移步这里(已经配置好的简单脚手架)https://github.com/wjf444128852/dev-webpackB：webpack2.0+案例：1豆瓣热映电影C：react+webpack3.0

Joe?·2020-08-15 00:12

复习webpack4之CSS文件代码分割

之前学习过webpack3的知识，但是webpack4升级后还是有很多变动的，所以这次重新整理一下webpack4的知识点，方便以后复习。

weixin_33735077·2020-08-15 00:37

webpack3终极配置及其优化（react）

本文主要研究webpack3版本的react项目配置。webpack的原理webpack几大概念webpack执行流程webpack如何解析文件与文件之间的联系？为什么要使用loader？

小章鱼哥·2020-08-15 00:18

webpack3-CSS 文件打包

1、css打包简单配置 css打包要依赖style-loader和css-loader来解析。首先安装这两个loadernpminstallstyle-loadercss-loader--save-dev编写css文件“./src/css/index.css”body{background-color:red;color:white;}在入口文件“./src/entery.js”中引入css文件

tang_yi_·2020-08-15 00:26

webpack学习链接

1.webpack3零基础入门教程#1https://www.rails365.net/articles/webpack-3-ling-ji-chu-ru-men-jiao-cheng-1-jie-shao2

杨园园的微博·2020-08-15 00:59

【Webpack】之 CSS单独打包（webpack 3.8.1）

（1）预备备①webpack3.8.1安装详见：http://blog.csdn.net/fanfan4569/article/details/79542058②包依赖varglob=require(‘

fanfan4569·2020-08-14 23:31

webpack基础

webpack3.8.1版本第一步：配置模块说明文件npminit根据指示，一路回车，就会在当前目录下生成一个package.json文件(里面的文件可以手动修改）第二步：下载局部下载：npminstallwebpack

weixin_30877493·2020-08-14 22:54

图片全屏查看组件

环境vue2.5webpack3.6less效果如下目录结构src/index.vuesrc/ImageFullscreen.vue代码/**图片全屏查看组件*@Author:wujiang*/exportdefault

harmsworth2016·2020-08-12 16:18

Webpack 3.x安装时遇到的问题

Webpack3.x安装时遇到的问题由于学习需要安装webpack3.6.0版本，所以操作一波，结果上来就出错首先确认npm和node有没有安装确认过是安装了的，接下来安装webpack结果报了一堆错，

@W123·2020-08-12 10:07

webpack 踩过的坑

1、注意安装版本，webpack3和4的区别，下载时最好npm具体的版本（自测两款搭配（webpack3）:安装的是[email protected]配置的[email protected]"webpack-dev-server

yeyechen·2020-08-12 00:40

webpack4.x 配置调试、babel配置编译ESnext、JSX

调试webpack4.x开启调试--modedevelopmentwebpack3.x之前在webpack.config.js中添加devtool:'source-map',//开启调试功能,上线之前需将此行注释

xyphf_和派孔明·2020-08-12 00:29

由安装yarn引发的血案

今天在mac上搞vuepress的时候，用npm安装的出现各种问题（和webpack3.x出现的问题），所以需要安装yarn。

weixin_34362991·2020-08-11 23:34

webpack4脚手架搭建1——打包并编译es6

webpack与webpack-clicnpminstallwebpack-gcnpminstallwebpack-cli-g安装webpack后执行webpack-v会提示安装webpack-cli，这是因为在webpack3

console.log...·2020-08-11 23:28

webpack4 系列教程(二): 编译 ES6

敲黑板：这是webpack4版本哦,有一些不同于webpack3的地方。

weixin_34032827·2020-08-11 23:02

Vue | vue cli入口文件解析（main.js,app.vue,index.html webpack）

目录前言有关vuecli3(选读）1.入口文件的概述2.问题3.答案：Webpack3.1什么是webpack3.2webpack的核心作用3.2webpack配置文件3.3vue的入口文件设置3.3.1

MGsniper·2020-08-11 22:40

webpack4 常用插件配置

webpack4已经发布将近一年，之前用的都是webpack3。所以总结了一下webpack4常用插件，各种loader配置，以供学习参考。

SunShinessx·2020-08-11 20:10

vue中多页面项目配置详解。【cli2和cli3版本配置】

git地址：https://github.com/Silent-Jude/multi-project文章目录版本一：vue2.5.2+webpack3.6.0+vue/cli21

SilenceJude·2020-08-11 20:37

webpack3实战（3）打包有es6、es7语法的js代码

前注：文档全文请查看根目录的文档说明。如果可以，请给本项目加【Star】和【Fork】持续关注。有疑义请点击这里，发【Issues】。实战项目示例目录1、需求列表1、html文件引入的js文件，需要使用es6、es7的语法；2、使用的语法里，除了常规的es6语法外，还包括例如Promise、async等特殊特性，要求可以转换。注：babel默认只转js语法，而不转换新的API，例如Iterator

qq20004604·2020-08-11 20:24

新项目配置webpack,js语法es6,7,8=＞es5,兼容ie浏览器及安卓手机端

webpack3.x|babel-loader8.x|babel7.xnpminstall-Dbabel-loader@babel/core@babel/preset-envwebpackwebpack3

考拉菜鸟·2020-08-11 20:25

Webpack安装extract-text-webpack-plugin遇见的两个问题

现在我们使用的最新版是webpack3.

Cacra·2020-08-11 13:04

webpack3中的插件extract-text-webpack-plugin已废弃

前面的话在webpack3中的extract-text-webpack-plugin用来提取css代码到一个单独的文件中，但在webpack4中将这个插件换为mini-css-extract-plugin

crazy的蓝色梦想·2020-08-11 13:08

推荐频道

webpack3