19优雅的打包第三方类库

优雅打包第三方类库：以引入jquery为例：

首先安装jquery

npm install –save jquery

Jquery最终要在生产环境中使用，所以我们这里要使用–save

第一种方法：

• 第一步在entry.js里面引入jquery:

  import $ from ‘jquery’;

• 第二步用jquery设置属性：

  $(‘#title’).html(‘你还好吗？’);

• 第三步 npm run server 查看效果

第二种方法：
1. 删除第一种里面的引入jquery文字，只保留用jquery设置的属性,例如：

import css from './css/index.css';
import less from './css/black.less';
import sass from './css/sassLe.scss';

{
    let String = 'Hello webpack'
    document.getElementById('title').innerHTML=String; 
}
$('#title').html('你还好吗？');

2. 在webpack.config.js里面引入webpack;(如果以前引入过 就不用再次引入)

 var webpack = require('webpack');

3. 在plugins里面引入jquery插件

new webpack.ProvidePlugin({
  $:'jquery'
}),

4. npm run server浏览器运行，查看效果（#title的内容会变成“你还好吗？”）。