#WebP

前端打包利器:webpack工具

一、什么是WebPack,为什么要使用它?  1、为什要使用WebPack  现今的很多网页其实可以看做是功能丰富的应用,它们拥有着复杂的JavaScript代码和一大堆依赖包。为了简化开发的复杂度,前端社区涌现出了很多好的实践方法:模块化,让我们可以把复杂的程序细化为小的文件;类似于TypeScript这种在Java...

Error: Cannot find module 'webpack' 问题解决办法

这句话的意思是:没有找到webpack模块。 就算之前你装了webpack,那肯定是非全局安装所以要全局安装 npminstall--save-devwebpack问题解决 ...

webpack 4 脚手架搭建

1、在cmd控制台安装环境 npminstallexpress(这是一个本地服务器配置)2、在src文件夹下建mian.js和express.js两个jS文件 ...
代码星球 ·2020-06-27

webpack 命令 Module build failed (from ./node_modules/babel-loader/lib/index.js) 错误问题解决方案

在项目中运行的时候出现报错,错误为Modulebuildfailed(from./node_modules/babel-loader/lib/index.js) 解决方案:控制台输入 npminstall@babel/core@babel/preset-env命令   完美解决...

webpack 4 x使用详细

1、首先安装node.js2、打开控制台cmd,输入npminstallwebpackwebpack-cliwebpack-dev-server-g  3、在本地磁盘上建一个文件夹,然后通过cd到文件夹下(我取名文件夹为webpack-demo,文件夹里再建src、dist、config三个文件夹)4、接下来在控制台里...
代码星球 ·2020-06-27

Webpack编译结果浅析

如今Webpack已经是一个不可或缺的前端构建工具,借助这个构建工具,我们可以使用比较新的技术(浏览器不能直接支持)来开发。你是否好奇你写的代码经过Webpack构建之后会生成什么东西?是否有时调试遇到莫名其妙的问题?本文不讲如何进行配置,只是基于几个基础的例子,简要分析一下webpack@4.20.2构建后的代码结构...
代码星球 ·2020-06-16

趁webpack5还没出,先升级成webpack4吧

上一次将webpack1升级到3,也仅是 半年前,前端工具发展变化太快了,如今webpack4已经灰常稳定,传说性能提升非常高,值得升级。一直用着的webpack3越来越慢,一分多钟的编译时间简直不能忍,升级之后在几个系统和几台电脑上评测,平均提高了7-9倍,生产模式的最突出 升级之后完整的webp...

Webpack打包构建太慢了?试试几个方法

Webpack是个很流行的打包工具,但其打包速度却一直被吐槽着如果不用上一些打包的优化建议,单单打包两三个文件就能花上好几秒,放上几十个入口文件依赖几百上千个包的话,几分钟十几分钟妥妥的本文整理了常见的一些方法,部分使用之后就看到了很大改善,部分没什么明显的变化,也可能是项目规模还不够大,先记录一下方法也好还是太慢了,...

gulp & webpack整合

前端工程化的意义在于让前端这个行业由野蛮时代进化为正规军时代,近年来很多相关的工具和概念诞生。好奇心日报在进行前端工程化的过程中,主要的挑战在于解决如下问题:✦如何管理多个项目的前端代码?✦如何同步修改复用代码?✦如何让开发体验更爽?项目实在太多之前写过一篇博文 如何管理被多个项目引用的通用项目?,文中提到过...
代码星球 ·2020-06-14

windows下查看webp格式图片

时下webp格式日渐势起,主流浏览器(IE:???)已经开始支持webp,诸多互联网企业(Facebook和ebay,国内的有淘宝、腾讯和美团等)都已经在不遗余力的将webp应用到实际产品中。webp省流量且支持透明和动画,大有一统江湖的风范。所以,少年,拥抱webp吧,除了兼容性和不熟悉,webp真的支持和拥有!让w...

VUE 利用 webpack 给生产环境和发布环境配置不同的接口地址

我们在开发项目的时候,往往会在同一个局域网进行开发,前后端分离同时进行开发。我们前端调用后端给的接口也是在局域网内部的。但是,当项目推到线上的时候,我们会从真实服务器上获取接口,因此,我们可能在测试接口和真实接口之间频繁切换,让人十分恶心。因此,我们有必要想办法解决这个问题。本文是 Vue2+VueRoute...

Webpack配置开发环境总结

本文主要讲解webpack.config.js文件的配置,不会讲解webpack是什么,默认你会安装webpack及其它npm包,并对webpack有一些了解。下面将从webpack.config.js最基本的概念开始。1.webpack.config.js常见选项1.entry:js的入口文件2.externals:...

webpack-dev-server 导致的 invalid host header

这几天做的一个项目,在这个项目的js方面,我将其分业务和功能的拆分成模块化,然后使用webpack来进行打包。(第一次在公司产品中使用webpack)然后使用了webpack-dev-server启了一个服务并且开了监听功能。端口是8080。访问webpack-dev-server启动的server,直接使用local...

vue2.0 + npm + webpack 开发===环境配置

 cnpm安装:npm install -g cnpm --registry=http://registry.npm.taobao.org  1.安装vue-cli脚手架构建工具cnpm install -g vue-c...
首页上一页...1011121314...下一页尾页