webpack 基础到构建(八)

2021-02-01  本文已影响0人  王清水

二十二,externals 
    ---忽略某些资源打包类目,直接填入npm包名即可
    ---当需要使用cdn引入js时,可使用此项内容

    22.1  在webpack配置中添加entry同级属性  externals,直接设置要忽略的js资源;

设置忽略jq的打包

二十三,dll
    ---需要对第三方文件或者库进行单独打包
    ---plugin: webpack 和 add-asset-html-webpack-plugin

    23.1  生成dll设置相关文件
        ---添加webpack.dll.js
        ---添加设置,打包将单独打包的文件,使用插件输出
        ---运行命令  webpack  --config webpack.dll.js  运行配置

相关配置文件内容

    打包后,将得到dll文件夹,其中包含jq.js和dll.json

     23.2  webpack.config.js对应配置

设置需忽略打包的内容

    23.3 设置html文件自动引入dll忽略内容
        ---plugin:  add-asset-html-webpack-plugin  上述提到的插件,提供html自动引入的功能

将jq自动引入到template模板html文件中
上一篇 下一篇

猜你喜欢

热点阅读