webpack3 第4页

vue创建项目

开搞 1.vue-cli3和vue-cli2的区别 (1).vue-cli3是基于webpack4打造的，vue-cli2是基于webpack3 (2).vue-cli3的设计原则是"0配置

GG_lyf·2020-12-09 20:18

webpack3升级4

webpack3升级4Cannotreadproperty'Consumer'ofundefinedwebpack原理webpack运行机制与核心工作原理webpack原理webpack机制揭秘webpackplugin

lihaixing·2020-11-28 22:27

webpack3.x升级到webpack4.x

虽然说webpack5都已经出了，但是，可能有一部分人还在用webpack3，因此这篇文章主要是基于vue-cli中到项目配置，从webpack3升级到4.x。

古兮!怪哉·2020-11-15 10:01

webpack3.6.0学习笔记

webpack详解一、webpack是什么？现代js应用的静态模块打包工具核心：进行模块化开发，处理模块化关系，将各种资源模块打包成为一个或多少个包（Bundle）npm工具（nodepackagesmannager）与grunt/glup打包的区别？grunt/glup是配置一系列的task，并定义task处理事务。依次执行task，让流程自动化。grunt/glup的工程模块化非常简单，没有用

SugarXiXixi·2020-10-21 22:07

webpack3实战（1）打包一个CDN引入的jQuery项目

前注：文档全文请查看根目录的文档说明。如果可以，请给本项目加【Star】和【Fork】持续关注。有疑义请点击这里，发【Issues】。实战项目示例目录1、需求列表1、在html文件里，通过CDN引入了jQuery；2、步骤安装依赖npminstallhtml文件中引入了jQueryindex.html执行打包命令：npmruntest查看打包后效果：dist.js3、说明jQuery文件通过CDN

qq20004604·2020-09-17 01:20

使用 webpack 3.12.0，一些插件版本号问题

项目使用webpack3版本，进行项目的构建与打包时，因为一些插件版本号，或者加载器版本号，出现各种问题。小编在此总结自己所遇到的一些插件版本号问题，有错误之处，请指出。

缘丶冰·2020-09-17 00:23

前端性能优化篇

本文转载自IMWeb前端博客：http://imweb.io/topic/5b6fd3c13cb5a02f33c013bd本文是对之前同名文章的修正，将所有webpack3的内容更新为webpack4，

banlin1780·2020-09-16 22:12

git上下载vue-demo示例并在本地运行

一准备二本地安装git三下载四运行一:首先要确保你本地已经能用脚手架创建项目1.安装node.js2.安装webpack3.安装npm4.安装cnpm5.全局安装npminstallvue-cli-g二

董桂超·2020-09-16 08:04

webpack3.0打包，手动打包

基础打包1、在项目根目录，创建一个生产阶段使用的文件webpack.config.prod.js2、把开发阶段配置文件中的内容，拷贝到webpack.config.prod.js删除掉devServer增加output3、在package.json中增加一个生成阶段的scripts"build":"webpack--configwebpack.config.prod.js--progress"4、

lert707·2020-09-16 03:08

使用 webpack 4 和 Babel 7 配置 Vue.js 工程模板

该工程模板中使用了webpack3和babel6，由于webpack4已发布，Babel7也出来挺长一段时间了，所以想对工程模板进行升级改造，以尝试工程化开发工具的最新特性。

weixin_34112900·2020-09-15 12:05

vue项目性能优化3，优化：路由懒加载

基于webpack3、vue2和vue-cli2的性能优化。让页面打开更快，解决白屏问题。如果拆分的文件太多，会造成网络请求很多，这时，可以适当合并。

re思维·2020-09-15 08:44

vue项目打包后文件过大怎么办，如何优化加载速度

/views/MyInfo.vue');在.babelrc中"plugins":["@babel/plugin-syntax-dynamic-import"]二、分离公共代码webpack3.xnewwebpack.optimize.CommonsChu

ccopcx·2020-09-15 08:14

自己动手搭建一个移动端React+Redux+Webpack3项目框架

自己一直使用的框架ReactReduxUniversalHotExample，这个用的ReactRouterWebpack都是比较老的。项目大了之后，运行很慢慢，一直都想换，可找了好久其它的框架，可是使用起来有点不习惯，最近看从零搭建React全家桶框架教程。然后就按照样式自己也从新搭了一个。里面的目录结构改的都和ReactReduxUniversalHotExample这个一样，调用接口什么用的

xiaotuni·2020-09-15 06:19

Webpack3+postcss+sass+css自动添加前缀配置

有一段时间没有写笔记了，今天记录一下本用的是react框架，webpack3+sass的配置当前我们在写css样式的，时候总是要处理浏览器兼容问题，那就是加前缀问题，可是我们在开发的时候比如：.className

xiaotuni·2020-09-15 06:19

手把手教你webpack3（6）css-loader详细使用说明

CSS-LOADER配置详解前注：文档全文请查看根目录的文档说明。如果可以，请给本项目加【Star】和【Fork】持续关注。有疑义请点击这里，发【Issues】。1、概述对于一般的css文件，我们需要动用三个loader（是不是觉得好麻烦）；1、css-loader：先附上官网文档（中文）的链接：css-loader文档。不过说实话，这个官方文档讲的很糟糕，看的人一脸懵逼。css-loader主要

qq20004604·2020-09-13 02:12

(webpack系列二)webpack打包优化探索

虽然webpack的已经升级到了webpack4，而我们目前还在使用webpack3，但其中的优化点都大同小异，升级后同样适用。

大转转FE·2020-09-12 22:20

webpack3.0小案例webpack初体验

写在前面这篇文章是自己在整理webpack相关的东西时候突发奇想，想整理出一套由浅入深的博文以此鞭策自己学习，也希望能够帮助想学习webpack的同学，目前都是入门级别的，大佬请出门右转。学习完本篇文章，我希望您能够掌握以下几点：webpack是什么webpack有什么有点webpack.config.js配置项中，出口（entry）、入口（output）、插件（plugins）的基本作用和配置方

weixin_33775582·2020-09-12 20:36

WebStorm2019.3.1版本创建VUE项目

文章目录前言WebStorm2019创建vue项目1.创建vue项目2.在项目终端执行创建vue-cli工程项目的命令：vueinitwebpack3.安装依赖：cnpminstall4.启动项目：npmrundev

芝芝莓莓i·2020-09-12 09:53

Vue2+VueRouter3+Webpack3.6+Axios项目实战----idea环境配置（二）

第一节完成了项目的搭建，但点开里面目录，发现vue文件的内容报错，而且后缀为vue的文件也没有特殊显示。这是因为开发环境没有进行相应的设置导致。这是设置前的展示效果。第一步是设置对es6的支持。vue2的开发代码使用了es6语法，而webstorm默认是支持es5,需要设置下对es6的支持。添加选择ECMAScript6第二步：添加vue插件添加成功后，显示效果就如下，表示安装Ok了：

飞天代码·2020-09-11 07:14

复习webpack4之Library打包

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

weixin_34344403·2020-09-10 20:03

react脚手架和webpack搭建项目工程

webpack脚手架构建React项目：方法2.从零搭建React开发脚手架,基于Webpack@3：方法3.使用webpack搭建React项目：方法4.怎样利用webpack搭建react开发环境：方法5.webpack3

qq_35149546·2020-09-10 16:02

webpack3.0问题系列 ——postcss-loader的使用

问题：把autoprefixer在webpack.config.js中设置出现Modulebuildfailed:Error:NoPostCSSConfigfoundin:解决方案：只是换了一种引入方式，解决了1，创建postcss.config.js文件，添加如下代码：（引入autoprefixer插件）module.exports={plugins:{'autoprefixer':{brows

qianzhihe1992110·2020-09-10 15:05

Vue练手项目

这里写目录标题小记笔记一、项目初始化1、初始化2、安装webpack3、引入并使用vueWebpack的基本配置基本配置文件配置loader写几个小栗子栗子一栗子二栗子三栗子四栗子五练手实例小记这里有篇讲

黑胡子大叔的小屋·2020-09-03 22:43

webpack3-css进阶

1、less文件的打包与分离安装：npminstall--save-devlessnpminstall--save-devless-loader配置：modules:{roules:[{test:/\.less$/,use:[{loader:'style-loader'//createsstylenodesfromJSstrings},{loader:'css-loader'//translate

tang_yi_·2020-08-26 14:59

Webpack3引入font-awesome(SCSS)报错

报错信息：ERRORin./node_modules/css-loader??ref--1-2!./node_modules/sass-loader/lib/loader.js!./app/styles/style.sassModulenotfound:Error:Can'tresolve'../font-awesome/fonts/fontawesome-webfont.eot'in'F:\we

lemonreds·2020-08-26 12:08

Webpack模块打包原理、项目中的配置

###Webpack：模块打包原理1、新建package.jsonnpminit-y2、下载依赖node_modulesnpminstall--save-devwebpack3、根目录下新建：index.html4

飞扬_柳絮·2020-08-25 16:29

MiniCssExtractPlugin 与ExtractTextPlugin

extract-text-webpack-plugin4.0的beta版本才支持webpack4.x或者使用mini-css-extract-pluginextract-text-webpack-plugin默认版本在webpack3

Tomoe20·2020-08-25 15:45

关于webpack的loader小教程:如何删除代码中的console

虽然webpack4中已经集成了去除console的功能,但webpack3没有这个功能，需要我们自己去处理。如果有浏览过webpack官网的同学一定见过这张图,这

前端小菜鸟ph·2020-08-25 11:00

如何减小vendor.js文件的大小，加快打包速度

1、webpack3打包第三方模块配置//打包第三方插件newwebpack.optimize.CommonsChunkPlugin({name:'vendor',filename:'[name].js

ToSmile·2020-08-24 16:38

webpack 3x 到webpack 4x 踩坑记录

从jspang的《Webpack3.X版成神之路》webpack入门（http://jspang.com/posts/2017/...）如今升级到4x，菜鸟独自踩坑一把辛酸泪，webpack4主要教程参考

沉淀·2020-08-24 15:46

webpack loader和plugin

适用webpack3。

ddsdchdsd·2020-08-24 14:57

vue-cli2 构建速度优化

网上流传vue-cli一些优化配置，有些在新版本的vue-cli和webpack3已经不再需要了，有些是针对webpack4的。对于新版本的vue-cli

lifefriend_007·2020-08-24 14:45

【webpack】vue2.5 + webpack3 常用loaders汇总

从零开始搭建vue+webpack环境，坑很多，各种plugins和loader眼花缭乱，最关键的是很多loader随着webpack4升级也是大改造，新版本在webpack3上直接用不了。

杨成功·2020-08-24 14:31

搭建 vue2 单元测试环境（karma+mocha+webpack3)

从网上找了很多例子关于单元测试，都是如何新建项目的时候的添加单元测试，用vue-cli中怎么添加，但是我的项目已经生成了，不能再一次重新初始化，这时如何添加单元测试，这里面遇到了好多坑，写在这里记录一下心得。1、用vue-cli生成一个新的项目，把单元测试需要的文件直接复制到你的项目中vueinitwebpackvuetest文件下载地址源代码Github链接2、安装Karma+Mocha模块，这

敏哥·2020-08-24 14:20

移动端采用Flexible将PX转换REM适配及开发中Retina屏1px边框的两种解决方案

whidy·2020-08-24 13:36

基于webpack3.x的多页面配置（HtmlWebpackPlugin学习篇二 ——动态配置）

多页面webpack配置基于webpack3.x的多页面配置（HtmlWebpackPlugin学习篇一——基础篇）首先动态将entry配置出来，entry主要是js文件，得到的形式需要是{'pageA

faineswbe·2020-08-24 08:08

vue-cli webpack3 扩展多模块打包

场景在实际的项目开发中会出现这样的场景，项目中需要多个模块（单页或者多页应用）配合使用的情况，而vue-cli默认只提供了单入口打包，所以就想到对vue-cli进行扩展实现首先得知道webpack是提供了多入口打包，那就可以从这里开始改造新建build/entry.jsconstpath=require('path')constfs=require('fs')constmoduleDir=path

weixin_33995481·2020-08-23 03:37

webpack4.x打包图片文件遇到效果不显示的问题（file-loader加载遇到的狗血问题）

file-loader加载遇到的狗血问题-webpack4.x最近在学习vue，看的b站视频学习，b站里面用的是webpack3.6，而我用的是webpack4.43.0版本的，在webpack4.x版本和

IT_CREATE·2020-08-23 00:14

webstorm + webpack3 + react 的搭建

3.webpack3.1执行npminstall--save-devwebpack@3，引

木木159·2020-08-22 17:56

React+Webpack配置开发项

一、React+Webpack3.10基本配置首先：初始化npminit1、安装react模块npminstall-greactnpminstall-greact-dom2、安装依赖包npminstallbabel-gnpminstallwebpack-gnpminstallwebpack-dev-server-g3

Mr_Darry·2020-08-22 16:08

webpack3 升级 webpack4踩坑记录

本篇不包含所有坑，暂时只记录自己踩到的部分坑一.安装安装webpack4最新版本npminstall--save-devwebpack@4安装新增依赖webpack-cli这个在webpack3中，webpack

澹台宇鹏·2020-08-22 12:02

vue-cli + webpack3.6.0的 .babelrc 的配置及分析

{"presets":[["env"]],//syntax-dynamic-import主要解决动态引入模块的问题//transform-vue-jsxVue中的渲染函数（render）可以支持JSX语法//transform-runtime为了解决这种全局对象或者全局对象方法编译不足的情况，但是它只会对es6的语法进行转换，而不会对新api进行转换。//如果需要转换新api，也可以通过使用bab

亲爱的阿乾·2020-08-22 11:41

WebPack使用

npminstall-gwebpack安装完后webpack-h出现下面信息，代表成功PSE:\webpack\demo01>webpack-hwebpack3.10.0Usage:https://webpack.js.org

凌雲木·2020-08-21 22:23

webpack3.0升级4.0

文章目录1.webpack3.11升级4.262.安装/升级依赖3.遇到的问题4.总结1.webpack3.11升级4.26为了提升打包效率，在webpack3.11基础之上做了升级，webpack4.0

_kangzai·2020-08-21 11:17

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