![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
webpack
素味平生
学习这件事,不在乎有没有人教你,最重要的是在于你自己有没有觉悟和恒心。
展开
-
webpack(一) 基本安装
使用webpack之前,我们首先要知道什么是webpack,它是做什么的。 不说那些官方名词,我们来列一下,这样看起来一目了然 (1)webpack 是一个模块打包器 (2)web前端的所有资源文件(js,css,html,img...) 都会作为模块处理 (3)它将根据模块的依赖关系进行静态分析,生成对应的静态资源安装的前提条件: ...原创 2018-10-28 22:53:38 · 265 阅读 · 0 评论 -
webpack(二)基本配置及使用
上一篇博客里面介绍了什么是 webpack,及 webpack 的基本安装。这节主要是对基本配置及打包的一个总结。来一波实际操作(请确保电脑里已经装了node)我们先建一个空文件夹,然后打开命令行,cd进入你新建的文件目录下面(也可以在编辑器中的终端执行以下操作)1. 初始化项目,一路回车,初始化成功后文件夹里有一个 package.jsonnpm init2. 安装webp...原创 2018-10-29 16:37:48 · 276 阅读 · 1 评论 -
详解 webpack 之令人困惑的地方
原文 Webpack——The Confusing PartsWebpack是目前基于React和Redux开发的应用的主要打包工具。我想使用Angular 2或其他框架开发的应用也有很多在使用Webpack。当我第一次看到Webpack的配置文件时,它看起来非常的陌生,我非常的疑惑。经过一段时间的尝试之后我认为这是因为Webpack只是使用了比较特别的语法和引入了新的原理,因此会让使用者...翻译 2018-11-01 11:41:26 · 444 阅读 · 0 评论 -
webpack面试题总结
本文主要是对webpack面试会常被问到的问题做一些总结,且文章会不断持续更新1.webpack打包原理把所有依赖打包成一个 bundle.js 文件,通过代码分割成单元片段并按需加载。2.webpack的优势(1)webpack 是以 commonJS 的形式来书写脚本滴,但对 AMD/CMD 的支持也很全面,方便旧项目进行代码迁移。(2)能被模块化的不仅仅是 JS 了。...原创 2018-11-09 21:50:33 · 16774 阅读 · 1 评论 -
TypeError: compilation. templatesPlugin is not a function
错误原因:webpack不是最新版解决方法:1.删除node_modules,重新安装npm install2.安装最新webpack npm add webpack@latest原创 2019-09-24 10:09:48 · 6895 阅读 · 0 评论