vensst

# webpack

# library

编译后对外暴露方式

  var path = require('path');

  module.exports = {
    entry: './src/index.js',
    output: {
      path: path.resolve(__dirname, 'dist'),
      filename: 'webpack-numbers.js',
      library: 'webpackNumbers',
      libraryTarget: 'umd'
    },
    externals: {
      lodash: {
        commonjs: 'lodash',
        commonjs2: 'lodash',
        amd: 'lodash',
        root: '_'
      }
    }
  };
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19

可以通过以下方式暴露 library：

  • 变量：作为一个全局变量，通过 script 标签来访问（libraryTarget:'var'）。
  • this：通过 this 对象访问（libraryTarget:'this'）。
  • window：通过 window 对象访问，在浏览器中（libraryTarget:'window'）。
  • UMD：在 AMD 或 CommonJS 的 require 之后可访问（libraryTarget:'umd'）

← github →