素味平生的博客

使用webpack之前，我们首先要知道什么是webpack，它是做什么的。       不说那些官方名词，我们来列一下，这样看起来一目了然       （1）webpack 是一个模块打包器       （2）web前端的所有资源文件（js,css,html,img...） 都会作为模块处理       （3）它将根据模块的依赖关系进行静态分析，生成对应的静态资源 安装的前提条件：  ...

上一篇博客里面介绍了什么是 webpack，及 webpack 的基本安装。这节主要是对基本配置及打包的一个总结。来一波实际操作 （请确保电脑里已经装了node） 我们先建一个空文件夹，然后打开命令行，cd进入你新建的文件目录下面（也可以在编辑器中的终端执行以下操作） 1. 初始化项目，一路回车，初始化成功后文件夹里有一个 package.json npm init 2. 安装webp...

原文 Webpack——The Confusing Parts Webpack是目前基于React和Redux开发的应用的主要打包工具。我想使用Angular 2或其他框架开发的应用也有很多在使用Webpack。 当我第一次看到Webpack的配置文件时，它看起来非常的陌生，我非常的疑惑。经过一段时间的尝试之后我认为这是因为Webpack只是使用了比较特别的语法和引入了新的原理，因此会让使用者...

本文主要是对webpack面试会常被问到的问题做一些总结，且文章会不断持续更新 1.webpack打包原理 把所有依赖打包成一个 bundle.js 文件，通过代码分割成单元片段并按需加载。 2.webpack的优势 （1）webpack 是以 commonJS 的形式来书写脚本滴，但对 AMD/CMD 的支持也很全面，方便旧项目进行代码迁移。 （2）能被模块化的不仅仅是 JS 了。 ...

错误原因： webpack不是最新版 解决方法： 1.删除node_modules，重新安装 npm install 2.安装最新webpack npm add webpack@latest