51
Dev开发社区
首页
文章
问答
工具
搜索
登录
注册
#WebPack
webpack中tree-shaking技术介绍
之前介绍过webpack3的新特性，里面提到webpack2支持了ES6的import和export，不需要将ES6的模块先转成CommonJS模块，然后再进行打包处理。正基于此，webpack2引入了tree-shaking技术，能够在模块的层面上做到打包后的代码只包含被引用并被执行的模块，而不被引用或不被执行的模块...
代码星球
·
2020-04-06
webpack
tree-shaking
技术
介绍
node/webpack/react
node是运行引擎，通过他可以直接在后端运行js语法webpack是打包工具react是前端框架 我们建议在React中使用CommonJS模块系统，比如browserify或webpack，本教程使用webpack。国内使用npm速度很慢，你可以使用淘宝定制的cnpm(gzip压缩支持)命令行工具代替默认的...
代码星球
·
2020-04-06
node
webpack
react
使用 webpack-bundle-analyzer 分析 webpack 代码库拆分块
github：https://github.com/webpack-contrib/webpack-bundle-analyzer1.安装： cnpminstallwebpack-bundle-analyzer--save-dev2.在vue.config.js中： constBundleAnalyzerPlugi...
代码星球
·
2020-04-05
使用
webpack-bundle-analyzer
分析
webpack
代码
webpack Uncaught ReferenceError: Swiper is not defined
一、报错原因：Swiper的JS文件没有加载成功，或者说swiper丢失了依赖（正常操作是：加载后再初始化Swiper）二、解决方法：在初始化Swiper的js文件中导入Swiper importSwiperfrom'../lib/swiper-4.2.2.min.js'; ...
代码星球
·
2020-04-05
webpack
Uncaught
ReferenceError
Swiper
is
Webpack v4.8.3 快速入门指南
一、进入https://webpack.docschina.org/官方文档，点击"文档"进入文档页面，文档中包含 “概念，配置，API，指南，LOADERS，插件" 6项：二、点击”指南“选项，阅读快速入门指南：三、1.本地安裝开发依赖cnpminstallwe...
代码星球
·
2020-04-05
Webpack
v4.8.3
快速
入门
指南
vue-cli3配置webpack-bundle-analyzer插件
为优化vue项目性能,需要使用webpack-bundle-analyzer分析报文件，找出最占用空间的插件有哪些，对应做出优化网上看了一些网站，有的写的太麻烦了，现将最简单的一种写出来供大家参考安装： npminstallwebpack-bundle-analyzer--save-dev &nbs...
代码星球
·
2020-04-05
vue-cli3
配置
webpack-bundle-analyzer
插件
JavaScript自动化构建工具grunt、gulp、webpack介绍
前端开发自动化工作流工具，JavaScript自动化构建工具grunt、gulp、webpack介绍前端自动化，这样的一个名词听起来非常的有吸引力，向往力。当今时代，前端工程师需要维护的代码变得及为庞大和复杂，代码维护、打包、发布等流程也变得极为繁琐，同时浪费的时间和精力也越来越多，当然人为的错误也随着流程的增加而增加...
代码星球
·
2020-04-04
Javascript
自动化
构建
工具
grunt
angular9 如何 增加 webpack配置 并将px转换为rem
1.在项目中安装@angular-buildersnpmi-D@angular-builders/custom-webpack 2.在你的项目根目录创建webpack.config.js文件(和angular.json同级)module.exports={module:{rules:[{test:...
代码星球
·
2020-04-04
angular9
如何
增加
webpack
配置
配置webpack loader vue 报错：Module build failed: TypeError: this._init is not a function
单文件组件引入时报错 配置webpage.config.js中的vue需要如下写法{test:/.vue/,loader:"vue-loader",} 之前写的loader是vue，并没有加-loader所以报错...
代码星球
·
2020-04-04
配置
webpack
loader
vue
报错
全局安装的 webpack运行时 报错 Error: Cannot find module 'webpack' ......
全局安装的webpack 安装指令如下cnpminstallwepack-save-dev-g 但是在我的项目空间运行webpack指令的时候会报如下错误为了方便抓取{Error:Cannotfindmodule'webpack'atFunction.Module._resolveFilename(modu...
代码星球
·
2020-04-04
全局
装的
webpack
运行时
报错
Gulp和Webpack工具的区别
引用知乎的回答：https://www.zhihu.com/question/37020798怎么解释呢？因为Gulp和browserify/webpack不是一回事Gulp应该和Grunt比较，他们的区别我就不说了，说说用处吧。Gulp/Grunt是一种工具，能够优化前端工作流程。比如自动刷新页面、combo、压缩c...
代码星球
·
2020-04-04
Gulp
Webpack
工具
区别
reactjs学习一（环境搭配react+es6+webpack热部署）
reactjs今年在前端圈里很火，用了三四个月，感觉确实很适合前端开发人员使用，值得深入一下，所以这里记录一下我简单的学习过程，首先是react的环境，由于现在react的新版本已经很稳定了，所以推荐使用es6+webpack来搭建开发环境。首先，安装nodejs，略过，安装gitbrach，略过，直接搜索...
代码星球
·
2020-04-03
reactjs
学习
环境
搭配
react+es6+webpack
nodejs+gulp+webpack基础知识
2019年08月22日11:49:40 天府云创 阅读数22 版权声明：本文为博主原创文章，遵循 CC4.0BY-SA 版权协议，转载请附上原文出处链接和本声明。本文链接：https://blog.csdn.net/English0523/article/details...
代码星球
·
2020-04-03
nodejs+gulp+webpack
基础知识
深入浅出 Webpack
Webpack凭借强大的功能与良好的使用体验，已经成为目前最流行，社区最活跃的打包工具，是现代Web开发必须掌握的技能之一。作者结合自身的实战经验，介绍了Webpack的使用与常见优化方法、并深入讲解了Webpack原理与架构，相信各阶段的Webpack用户都能通过本书得到启发。-- LeanCloud&nb...
代码星球
·
2020-04-03
深入浅出
Webpack
ERROR in Template execution failed: ReferenceError: htmlwebpackPlugin is not defined
ejs文件配置如下：<!DOCTYPEhtml><htmllang="zh-CN"><head><title>webpackApp</title><metacharset="utf-8"><linkrel="stylesheet"type="...
代码星球
·
2020-03-29
ERROR
in
Template
execution
failed
首页
上一页
...
15
16
17
18
19
下一页
尾页
按字母分类：
A
B
C
D
E
F
G
H
I
J
K
L
M
N
O
P
Q
R
S
T
U
V
W
X
Y
Z
其他