12.webpack实战12，全局对象

这种语法，就可以直接在*.js文件中使用_而不需要导入

// webpack.config.js
const path = require('path');
const webpack = require('webpack');
  module.exports = {
    entry: './src/index.js',
    output: {
      filename: 'bundle.js',
      path: path.resolve(__dirname, 'dist')
    },
+   plugins: [
+     new webpack.ProvidePlugin({
+       _: 'lodash'
+     })
+   ]
  };
// index.js
function component() {
    var element = document.createElement('div');
    element.innerHTML = _.join(['Hello', 'webpack'], ' ');
    return element;
}
document.body.appendChild(component());

这种语法，就可以直接在*.js文件中使用JSON而不需要导入

// webpack.config.js
const path = require('path');
const webpack = require('webpack');
  module.exports = {
    entry: './src/index.js',
    output: {
      filename: 'bundle.js',
      path: path.resolve(__dirname, 'dist')
    },
    plugins: [
      new webpack.ProvidePlugin({
-       _: 'lodash'
+       join: ['lodash', 'join']
      })
    ]
  };
// index.js
function component() {
    var element = document.createElement('div');
-   element.innerHTML = _.join(['Hello', 'webpack'], ' ');
+   element.innerHTML = join(['Hello', 'webpack'], ' ');
    return element;
  }
  document.body.appendChild(component());