webpack3.6.0(webpack360装cssloader)
## webpack 3.6.0 ### 简介webpack 3.6.0 是 webpack 3 的一个小版本更新,发布于 2017 年 8 月 10 日。它包含了一些 bug 修复和新功能。### 主要更新内容1.
新功能
新增 `module.noParse` 选项:
允许跳过对指定模块的解析,提高构建速度。 ```javascriptmodule: {noParse: /jquery/, // 跳过对 jquery 模块的解析}```
支持 `import()` 动态加载 ES 模块:
允许在运行时动态加载模块,实现代码分割和懒加载。```javascriptimport('./module').then(module => {// 使用加载的模块});```2.
Bug 修复
修复了 `CommonsChunkPlugin` 在某些情况下无法正确提取公共模块的问题。
修复了 `LoaderOptionsPlugin` 在某些情况下无法正确应用 loader 选项的问题。
修复了一些其他已知问题。### 详细说明#### 1. module.noParse 选项在 webpack 配置中,`module.noParse` 选项允许你指定哪些模块不需要 webpack 解析。这对于大型类库(例如 jQuery 或 React)非常有用,因为这些类库通常不会依赖其他模块,并且已经打包成可以直接在浏览器中运行的形式。通过跳过对这些模块的解析,webpack 可以显著提高构建速度。#### 2. 动态 `import()`webpack 3.6.0 开始支持使用 `import()` 语法动态加载 ES 模块。这为代码分割和懒加载提供了更方便的选择。使用 `import()` 可以将代码拆分成多个块,并在需要时才加载它们。例如,你可以将一个大型应用程序拆分成多个页面,并在用户访问每个页面时才加载相应的代码。```javascript // 当用户点击按钮时加载模块 button.addEventListener('click', () => {import('./module').then(module => {// 使用加载的模块}); }); ```### 总结webpack 3.6.0 是一个包含了一些有用新功能和 bug 修复的小版本更新。如果你正在使用 webpack 3,建议升级到最新版本以获得最佳体验。
webpack 3.6.0
简介webpack 3.6.0 是 webpack 3 的一个小版本更新,发布于 2017 年 8 月 10 日。它包含了一些 bug 修复和新功能。
主要更新内容1. **新功能*** **新增 `module.noParse` 选项:** 允许跳过对指定模块的解析,提高构建速度。 ```javascriptmodule: {noParse: /jquery/, // 跳过对 jquery 模块的解析}```* **支持 `import()` 动态加载 ES 模块:** 允许在运行时动态加载模块,实现代码分割和懒加载。```javascriptimport('./module').then(module => {// 使用加载的模块});```2. **Bug 修复*** 修复了 `CommonsChunkPlugin` 在某些情况下无法正确提取公共模块的问题。* 修复了 `LoaderOptionsPlugin` 在某些情况下无法正确应用 loader 选项的问题。* 修复了一些其他已知问题。
详细说明
1. module.noParse 选项在 webpack 配置中,`module.noParse` 选项允许你指定哪些模块不需要 webpack 解析。这对于大型类库(例如 jQuery 或 React)非常有用,因为这些类库通常不会依赖其他模块,并且已经打包成可以直接在浏览器中运行的形式。通过跳过对这些模块的解析,webpack 可以显著提高构建速度。
2. 动态 `import()`webpack 3.6.0 开始支持使用 `import()` 语法动态加载 ES 模块。这为代码分割和懒加载提供了更方便的选择。使用 `import()` 可以将代码拆分成多个块,并在需要时才加载它们。例如,你可以将一个大型应用程序拆分成多个页面,并在用户访问每个页面时才加载相应的代码。```javascript // 当用户点击按钮时加载模块 button.addEventListener('click', () => {import('./module').then(module => {// 使用加载的模块}); }); ```
总结webpack 3.6.0 是一个包含了一些有用新功能和 bug 修复的小版本更新。如果你正在使用 webpack 3,建议升级到最新版本以获得最佳体验。