Webpack 学习

129 阅读1分钟

loaders

  • style-loader: 将 CSS DOM 注入到 <style> 标签,可以是添加一个 URL <link href="path/to/file.css" rel="stylesheet"> 。如果是在使用局部作用域 CSS 时,模块导出生成(局部)标识符。
  • css-loader: 用来解释 @importurl() ,会 improt/require() 后再解析它们。
  • less-loader: 将 Less 转成 CSS。
  • file-loader: 指示 webpack 将所需的对象作为文件发送并返回其公用 URL。默认情况下,生成的文件的文件名就是文件内容的 MD5 哈希值并会保留所引用资源的原始扩展名。
  • babel-loader: 软件包允许使用 Babel 和 webpack 传输 JavaScript 文件。它很慢,应该确保转译尽可能少的文件。babel 是可以帮助使用最新版本的 JavaScript 编写代码的工具。