1 缩小查找范围
    extensions(不用在import require加文件后缀)

    1. module.export = {
    2.      resolve:{
    3.         extensions:['js','jsx','json']
    4.     }
    5. }

    2 alias 别名加快webpack查找模块的速度

    1. +const bootstrap = path.resolve(__dirname,'node_modules/bootstrap/dist/css/bootstrap.css');
    2. module.export = {
    3.   resolve:{
    4.         bootstrap
    5.   }
    6. }

    3 oneOf 对于规则内只需要匹配一个就行的就可以用oneOf

    1. module.export = {
    2.     module:{
    3.       rules:[{
    4.       oneOf:[
    5.         {
    6.             test:/\.css*/,
    7.           use:['style-loader','css-loader']
    8.         },{
    9.             test:/\.less&/,
    10.           use:['style-loader','css-loader','less-loader']
    11.         }
    12.       ]
    13.     }]
    14.   }
    15. }

    4 引用外部的库,不希望用webpack打包
    可以使用externals

    1. module.export = {
    2.     exterals:{
    3.       jquery:"jQuery"
    4.   }
    5. }

    在js使用

    1. const $ = require('jquery')
    2. import jQuery from jquery

    在html使用

    1. <script src="https://cdn.bootcss.com/jquery/3.4.1/jquery.js"></script>

    6 noParse

    1. //不需要解析的文件就用noParse
    2. module.exports = {
    3.     module:{
    4.       noParse:/test.js/ //正则表达式
    5.   }
    6. }

    7 thread-loader 不建议使用
    8 利用缓存
    babel-loader 自带缓存
    cacle-loader 比如css
    **