16、webpack优化(1)——noParse

noParse

这是module中的一个属性，作用：
不去解析属性值代表的库的依赖

举例：

1. 我们一般引用jquery，可以如下引用：

import jq from 'jquery'

2. 对于上面的解析规则：

   当解析jq的时候，会去解析jq这个库是否有依赖其他的包

3. 我们对类似jq这类依赖库，一般会认为不会引用其他的包(特殊除外,自行判断)。所以，对于这类不引用其他的包的库，我们在打包的时候就没有必要去解析，这样能够增加打包速率。
4. 所以，可以在webpack的配置中增加noParse属性（以下代码只需要看module的noParse属性）

let path = require('path');
let HtmlWebpackPlugin = require('html-webpack-plugin');
module.exports = {
	mode:'development',
	entry:'./src/index.js',
	output:{
		filename:'bundle.js',
		path:path.resolve(__dirname,'dist')
	},
	module:{
		noParse:/jquery/,//不去解析jquery中的依赖库
		rules:[
			{
				test:/\.js$/,
				use:{
					loader:'babel-loader',
					options:{
						presets:[
							'@babel/preset-env',
							'@babel/preset-react'
						]
					}
				}
			}
		]
	},
	plugins:[
		new HtmlWebpackPlugin({
			template:'./public/index.html'	
		})
	]
}