zem

我们知道，webpack可以通过配置实现热更新，让我们在编写代码时不需要手动去执行一些编译命令，而是在保存的时候就可以自动更新视图，那么这些功能是怎么做到的呢首先，我们分解一下要做的事情，我们需要去监听文件的更新，当文件更新时，去修改对应的视图部分，那么，我们先看看如何去监听文件的更新node.js实现监听文件更新使用node.js实现监听文件更新，既然是和文件有关，那么盲猜fs中可能有相关的API。对于文件的监听，fs提供了两个API，watch和watchFile，这两个API最简单的区别，在于

我们知道，webpack是一个强大的打包工具，能通过引入各种插件依赖来对代码进行处理，今天就简单实现以下webpack里面的一部分核心内容手写webpack所需的babel npm 包这里给一个package.json，可以先把相关的npm包安装下来{ "name": "mywebpack", "version": "1.0.0", "description": "", "main": "index.js", "scripts": { "test": "echo \"Er

在webpack4.0后，可以不使用配置文件，但其仍是可高度配置的。在根目录下创建webpack.config.js，对其module.exports的属性进行配置即为webpack的配置。入口（entry）本质上，webpack是一个现代 JavaScript 应用程序的静态模块打包器，在入口中指定了要打包的文件，同时指示 webpack 应该使用哪个模块，来作为构建其内部依赖图的开始...

loader用于对模块的源代码进行转换，在import或加载其他模块前可以使用loader进行预处理，比如可以把typescript转换成JavaScript，通过这样也允许了在JavaScript中引入css和less/sass文件。以在JavaScript中importcss文件为例，首先要引入两个npm包：style-loader和css-loaderstyle-loader用于将处...

我package.json.js中的scripts配置："scripts": { "test": "echo \"Error: no test specified\" && exit 1", "build": "webpack", "dev": "webpack-dev-server" },1.运行npm run build时TypeError: ...

文件目录主要文件配置文件代码package.json{ "name": "webpack_vue", "version": "1.0.0", "description": "", "main": "index.js", "scripts": { "test": "echo \"Error: no test specified\" && exi...

ES module中的import和export语法等现在还不受浏览器和node支持（我的node版本是v10.14.2，运行的时候是会报错的），所以这里通过使用webpack配置babel来执行得到结果npm init初始化内容在package.json中的script加入build，当执行npm run build时执行webpack{ "name": "babel-config...