木易一

相关概念webpack是一个现代 JavaScript 应用程序的静态模块打包器(module bundler)。当 webpack 处理应用程序时，它会递归地构建一个依赖关系图(dependency graph)，其中包含应用程序需要的每个模块，然后将所有这些模块打包成一个或多个bundle。简单来说，webpack其实就是一个JavaScript应用程序的静态模块打包器。web...

入口1.单入口单文件：例如： entry：‘./src/index.js’多文件：在你想要多个依赖文件一起注入，并且将它们的依赖导向到一个“chunk”时，传入数组的方式就很有用。例如：2.多入口例如：出口在 webpack 中配置output属性的最低要求是，将它的值设置为一个对象，包括以下两点：filename用于输出文件的文件名。 目...

1.相关概念webpack-dev-server是webpack官方提供的一个小型Express服务器。使用它可以为webpack打包生成的资源文件提供web服务。webpack-dev-server 主要提供两个功能：1.为静态文件提供web服务2.自动刷新和热替换(HMR)自动刷新指当修改代码时webpack会进行自动编译，更新网页内容热替换指运行时更新各种模块，即局部...

loader 用于对模块的源代码进行转换。loader 可以使你在import或"加载"模块时预处理文件。因此，loader 类似于其他构建工具中“任务(task)”，并提供了处理前端构建步骤的强大方法。loader 可以将文件从不同的语言（如 TypeScript）转换为 JavaScript，或将内联图像转换为 data URL。loader 甚至允许你直接在 JavaScript 模块中...

出现上面的错误，是端口被占用，换成其他端口即可

插件是 webpack 的支柱功能。webpack 自身也是构建于，你在 webpack 配置中用到的相同的插件系统之上！插件目的在于解决loader无法实现的其他事。由于插件可以携带参数/选项，你必须在 webpack 配置中，向plugins属性传入new实例。根据你的 webpack 用法，这里有多种方式使用插件。一、根据HTML模板自动生成HTML文件（html...

在安装sass-loader和node-sass时报错，运行npm cache clean --force 后再进行安装，就没有报错了错误：C:\Users\dell\Desktop\webpackdemo\webpack1>npm install sass-loader node-sass --save-devnpm ERR! Unexpected end of JSON inp...

一、减少文件搜索范围1.优化resolve.extensions配置在导入语句没带文件后缀时，Webpack 会自动带上后缀后去尝试询问文件是否存在。在配置 resolve.extensions 时你需要遵守以下几点，以做到尽可能的优化构建性能：后缀尝试列表要尽可能的小，不要把项目中不可能存在的情况写到后缀尝试列表中。 频率出现最高的文件后缀要优先放在最前面，以做到尽快的退出寻找...

一、webpack处理HTML内嵌图片1.处理效果未使用loader时，会出现路径错误，图片不显示的情况；经过loader处理后，图片能正常显示2.安装命令：cnpm install --save-dev html-loader3.配置config文件二、使用sourcemap调试1.关于sourcemapSourcemap是为了解决实际运行代码（打...